From 2837c950c404ba295b884e8ace2b0453280a1b4d Mon Sep 17 00:00:00 2001
From: Minna Salonen <minsalon@Minnas-MBP.home>
Date: Fri, 1 Sep 2023 14:37:35 +0300
Subject: [PATCH] updated custom theme site demo

---
 docs/header-custom-theme-site/404.html        |  8 +++---
 docs/header-custom-theme-site/404/index.html  |  8 +++---
 .../_gatsby/slices/_gatsby-scripts-1.html     |  4 +--
 .../hds-accessibility/index.html              |  6 ++---
 .../about/accessibility/statement/index.html  |  6 ++---
 .../header-custom-theme-site/about/index.html |  6 ++---
 .../about/resources/index.html                |  8 +++---
 .../about/this-is-hds/index.html              |  6 ++---
 docs/header-custom-theme-site/chunk-map.json  |  2 +-
 .../accordion/accessibility/index.html        |  8 +++---
 .../components/accordion/code/index.html      |  8 +++---
 .../accordion/customisation/index.html        |  8 +++---
 .../components/accordion/index.html           | 20 +++++++-------
 .../components/accordion/tabs/index.html      |  6 ++---
 .../breadcrumb/accessibility/index.html       |  8 +++---
 .../components/breadcrumb/code/index.html     |  8 +++---
 .../breadcrumb/customisation/index.html       |  8 +++---
 .../components/breadcrumb/index.html          |  6 ++---
 .../components/breadcrumb/tabs/index.html     |  8 +++---
 .../buttons/accessibility/index.html          |  6 ++---
 .../components/buttons/code/index.html        |  8 +++---
 .../buttons/customisation/index.html          |  6 ++---
 .../components/buttons/index.html             |  8 +++---
 .../components/buttons/tabs/index.html        |  6 ++---
 .../components/card/accessibility/index.html  |  8 +++---
 .../components/card/code/index.html           |  8 +++---
 .../components/card/customisation/index.html  |  8 +++---
 .../components/card/index.html                |  6 ++---
 .../components/card/tabs/index.html           |  6 ++---
 .../checkbox/accessibility/index.html         |  6 ++---
 .../components/checkbox/code/index.html       |  6 ++---
 .../checkbox/customisation/index.html         |  8 +++---
 .../components/checkbox/index.html            |  8 +++---
 .../components/checkbox/tabs/index.html       |  6 ++---
 .../cookie-consent/accessibility/index.html   |  8 +++---
 .../components/cookie-consent/api/index.html  |  6 ++---
 .../components/cookie-consent/code/index.html |  8 +++---
 .../components/cookie-consent/index.html      |  8 +++---
 .../components/cookie-consent/tabs/index.html |  8 +++---
 .../date-input/accessibility/index.html       |  6 ++---
 .../components/date-input/code/index.html     |  6 ++---
 .../components/date-input/index.html          |  6 ++---
 .../components/date-input/tabs/index.html     |  6 ++---
 .../dialog/accessibility/index.html           |  8 +++---
 .../components/dialog/code/index.html         |  8 +++---
 .../dialog/customisation/index.html           |  8 +++---
 .../components/dialog/index.html              |  8 +++---
 .../components/dialog/tabs/index.html         |  6 ++---
 .../dropdown/accessibility/index.html         |  8 +++---
 .../components/dropdown/code/index.html       |  6 ++---
 .../dropdown/customisation/index.html         |  8 +++---
 .../components/dropdown/index.html            |  6 ++---
 .../components/dropdown/tabs/index.html       |  6 ++---
 .../fieldset/accessibility/index.html         |  6 ++---
 .../components/fieldset/code/index.html       |  8 +++---
 .../components/fieldset/index.html            |  8 +++---
 .../components/fieldset/tabs/index.html       |  6 ++---
 .../file-input/accessibility/index.html       |  6 ++---
 .../components/file-input/code/index.html     |  6 ++---
 .../components/file-input/index.html          |  8 +++---
 .../components/file-input/security/index.html |  6 ++---
 .../components/file-input/tabs/index.html     |  6 ++---
 .../footer/accessibility/index.html           |  6 ++---
 .../components/footer/code/index.html         |  6 ++---
 .../footer/customisation/index.html           |  8 +++---
 .../components/footer/index.html              |  6 ++---
 .../components/footer/tabs/index.html         |  8 +++---
 .../header/accessibility/index.html           |  6 ++---
 .../components/header/code/index.html         |  6 ++---
 .../components/header/index.html              |  8 +++---
 .../components/header/tabs/index.html         |  8 +++---
 .../components/hero/accessibility/index.html  |  6 ++---
 .../components/hero/code/index.html           |  6 ++---
 .../components/hero/customisation/index.html  |  8 +++---
 .../components/hero/index.html                | 18 ++++++-------
 .../components/hero/tabs/index.html           |  8 +++---
 .../highlight/accessibility/index.html        |  8 +++---
 .../components/highlight/code/index.html      |  8 +++---
 .../highlight/customisation/index.html        |  8 +++---
 .../components/highlight/index.html           | 22 ++++++++--------
 .../components/highlight/tabs/index.html      |  8 +++---
 .../components/icon/accessibility/index.html  |  6 ++---
 .../components/icon/code/index.html           |  8 +++---
 .../components/icon/customisation/index.html  |  6 ++---
 .../components/icon/index.html                |  8 +++---
 .../components/icon/tabs/index.html           |  6 ++---
 .../components/index.html                     |  8 +++---
 .../components/koros/accessibility/index.html |  8 +++---
 .../components/koros/code/index.html          |  8 +++---
 .../components/koros/customisation/index.html |  8 +++---
 .../components/koros/index.html               | 14 +++++-----
 .../components/koros/tabs/index.html          |  8 +++---
 .../components/link/accessibility/index.html  |  6 ++---
 .../components/link/code/index.html           |  6 ++---
 .../components/link/index.html                |  6 ++---
 .../components/link/tabs/index.html           |  6 ++---
 .../linkbox/accessibility/index.html          |  8 +++---
 .../components/linkbox/code/index.html        |  8 +++---
 .../components/linkbox/index.html             |  6 ++---
 .../components/linkbox/tabs/index.html        |  6 ++---
 .../loading-spinner/accessibility/index.html  |  6 ++---
 .../loading-spinner/code/index.html           |  8 +++---
 .../loading-spinner/customisation/index.html  |  8 +++---
 .../components/loading-spinner/index.html     |  8 +++---
 .../loading-spinner/tabs/index.html           |  6 ++---
 .../components/logo/accessibility/index.html  |  6 ++---
 .../components/logo/code/index.html           |  6 ++---
 .../components/logo/customisation/index.html  |  6 ++---
 .../components/logo/index.html                |  6 ++---
 .../components/logo/tabs/index.html           |  6 ++---
 .../navigation/accessibility/index.html       |  6 ++---
 .../components/navigation/code/index.html     |  6 ++---
 .../navigation/customisation/index.html       |  6 ++---
 .../components/navigation/index.html          |  6 ++---
 .../components/navigation/tabs/index.html     |  6 ++---
 .../notification/accessibility/index.html     |  6 ++---
 .../components/notification/code/index.html   |  6 ++---
 .../components/notification/index.html        |  6 ++---
 .../components/notification/tabs/index.html   |  6 ++---
 .../number-input/accessibility/index.html     |  6 ++---
 .../components/number-input/code/index.html   |  6 ++---
 .../components/number-input/index.html        |  6 ++---
 .../components/number-input/tabs/index.html   |  6 ++---
 .../pagination/accessibility/index.html       |  6 ++---
 .../components/pagination/code/index.html     |  6 ++---
 .../pagination/customisation/index.html       |  6 ++---
 .../components/pagination/index.html          |  6 ++---
 .../components/pagination/tabs/index.html     |  6 ++---
 .../password-input/accessibility/index.html   |  8 +++---
 .../components/password-input/code/index.html |  6 ++---
 .../components/password-input/index.html      |  8 +++---
 .../password-input/security/index.html        |  6 ++---
 .../components/password-input/tabs/index.html |  8 +++---
 .../phone-input/accessibility/index.html      |  6 ++---
 .../components/phone-input/code/index.html    |  6 ++---
 .../components/phone-input/index.html         |  8 +++---
 .../components/phone-input/tabs/index.html    |  8 +++---
 .../radio-button/accessibility/index.html     |  6 ++---
 .../components/radio-button/code/index.html   |  6 ++---
 .../radio-button/customisation/index.html     |  6 ++---
 .../components/radio-button/index.html        |  6 ++---
 .../components/radio-button/tabs/index.html   |  6 ++---
 .../search-input/accessibility/index.html     |  6 ++---
 .../components/search-input/code/index.html   |  8 +++---
 .../components/search-input/index.html        |  8 +++---
 .../components/search-input/tabs/index.html   |  6 ++---
 .../selection-group/accessibility/index.html  |  6 ++---
 .../selection-group/code/index.html           |  6 ++---
 .../components/selection-group/index.html     |  6 ++---
 .../selection-group/tabs/index.html           |  8 +++---
 .../side-navigation/accessibility/index.html  |  8 +++---
 .../side-navigation/code/index.html           |  6 ++---
 .../side-navigation/customisation/index.html  |  6 ++---
 .../components/side-navigation/index.html     |  8 +++---
 .../side-navigation/tabs/index.html           |  8 +++---
 .../status-label/accessibility/index.html     |  6 ++---
 .../components/status-label/code/index.html   |  8 +++---
 .../components/status-label/index.html        |  8 +++---
 .../components/status-label/tabs/index.html   |  8 +++---
 .../step-by-step/accessibility/index.html     |  8 +++---
 .../components/step-by-step/code/index.html   |  8 +++---
 .../components/step-by-step/index.html        |  8 +++---
 .../components/step-by-step/tabs/index.html   |  6 ++---
 .../stepper/accessibility/index.html          |  8 +++---
 .../components/stepper/code/index.html        |  8 +++---
 .../stepper/customisation/index.html          |  8 +++---
 .../components/stepper/index.html             |  8 +++---
 .../components/stepper/tabs/index.html        |  8 +++---
 .../components/table/accessibility/index.html |  8 +++---
 .../components/table/code/index.html          |  6 ++---
 .../components/table/customisation/index.html |  8 +++---
 .../components/table/index.html               |  6 ++---
 .../components/table/tabs/index.html          |  8 +++---
 .../components/tabs/accessibility/index.html  |  6 ++---
 .../components/tabs/code/index.html           |  8 +++---
 .../components/tabs/customisation/index.html  |  6 ++---
 .../components/tabs/index.html                |  8 +++---
 .../components/tabs/tabs/index.html           |  6 ++---
 .../components/tag/accessibility/index.html   |  6 ++---
 .../components/tag/code/index.html            |  6 ++---
 .../components/tag/customisation/index.html   |  6 ++---
 .../components/tag/index.html                 |  8 +++---
 .../components/tag/tabs/index.html            |  6 ++---
 .../text-area/accessibility/index.html        |  6 ++---
 .../components/text-area/code/index.html      |  6 ++---
 .../components/text-area/index.html           |  6 ++---
 .../components/text-area/tabs/index.html      |  8 +++---
 .../text-input/accessibility/index.html       |  8 +++---
 .../components/text-input/code/index.html     |  8 +++---
 .../components/text-input/index.html          |  8 +++---
 .../components/text-input/tabs/index.html     |  6 ++---
 .../time-input/accessibility/index.html       |  6 ++---
 .../components/time-input/code/index.html     |  6 ++---
 .../components/time-input/index.html          |  6 ++---
 .../components/time-input/tabs/index.html     |  6 ++---
 .../toggle-button/accessibility/index.html    |  6 ++---
 .../components/toggle-button/code/index.html  |  6 ++---
 .../toggle-button/customisation/index.html    |  6 ++---
 .../components/toggle-button/index.html       |  8 +++---
 .../components/toggle-button/tabs/index.html  |  8 +++---
 .../tooltip/accessibility/index.html          |  8 +++---
 .../components/tooltip/code/index.html        |  8 +++---
 .../components/tooltip/index.html             |  6 ++---
 .../components/tooltip/tabs/index.html        |  6 ++---
 .../design-tokens/breakpoints/index.html      |  8 +++---
 .../design-tokens/breakpoints/tabs/index.html |  8 +++---
 .../breakpoints/tokens/index.html             |  6 ++---
 .../colour/accessibility/index.html           |  6 ++---
 .../design-tokens/colour/index.html           |  8 +++---
 .../design-tokens/colour/tabs/index.html      |  8 +++---
 .../design-tokens/colour/tokens/index.html    |  6 ++---
 .../design-tokens/spacing/index.html          |  6 ++---
 .../design-tokens/spacing/tabs/index.html     |  8 +++---
 .../design-tokens/spacing/tokens/index.html   |  6 ++---
 .../design-tokens/typography/index.html       |  6 ++---
 .../design-tokens/typography/tabs/index.html  |  6 ++---
 .../typography/tokens/index.html              |  6 ++---
 .../checkbox-radiobutton-toggle/index.html    |  6 ++---
 .../guidelines/data-formats/index.html        |  6 ++---
 .../foundation/guidelines/grid/index.html     |  6 ++---
 .../guidelines/inclusivity/index.html         |  6 ++---
 .../guidelines/localisation/index.html        |  8 +++---
 .../guidelines/photography/index.html         |  8 +++---
 .../server-side-rendering/index.html          | 12 ++++-----
 .../foundation/index.html                     |  8 +++---
 .../visual-assets/favicon/index.html          |  8 +++---
 .../foundation/visual-assets/icons/index.html |  8 +++---
 .../visual-assets/icons/list/index.html       |  6 ++---
 .../visual-assets/icons/tabs/index.html       |  6 ++---
 .../foundation/visual-assets/logo/index.html  |  6 ++---
 .../visual-assets/placeholders/index.html     |  8 +++---
 .../visual-assets/wave-motifs/index.html      |  6 ++---
 .../contributing/design/index.html            |  6 ++---
 .../contributing/documentation/index.html     |  6 ++---
 .../contributing/how-to-contribute/index.html |  6 ++---
 .../contributing/icons/index.html             |  6 ++---
 .../contributing/implementation/index.html    |  6 ++---
 .../getting-started/designer/index.html       |  8 +++---
 .../getting-started/developer/index.html      |  8 +++---
 .../faq/accessibility/index.html              | 22 ++++++++--------
 .../getting-started/faq/code/index.html       | 10 +++----
 .../getting-started/faq/design/index.html     | 24 ++++++++---------
 .../getting-started/faq/index.html            | 26 +++++++++----------
 .../getting-started/faq/tabs/index.html       |  6 ++---
 .../getting-started/index.html                |  8 +++---
 .../tutorials/abstract-tutorial/index.html    |  6 ++---
 .../getting-started/versioning/index.html     |  8 +++---
 docs/header-custom-theme-site/index.html      | 12 ++++-----
 .../manifest.webmanifest                      |  2 +-
 .../page-data/app-data.json                   |  2 +-
 .../page-data/dev-404-page/page-data.json     |  1 -
 .../page-data/sq/d/3948634751.json            |  2 +-
 .../patterns/cookies/basics/index.html        |  6 ++---
 .../common-helsinki-cookies/index.html        |  6 ++---
 .../using-the-cookieconsent/index.html        |  8 +++---
 .../patterns/forms/form-building/index.html   |  6 ++---
 .../patterns/forms/form-multi-page/index.html |  6 ++---
 .../patterns/forms/form-validation/index.html |  6 ++---
 .../patterns/index.html                       |  8 +++---
 .../webpack.stats.json                        |  2 +-
 260 files changed, 931 insertions(+), 932 deletions(-)
 delete mode 100644 docs/header-custom-theme-site/page-data/dev-404-page/page-data.json

diff --git a/docs/header-custom-theme-site/404.html b/docs/header-custom-theme-site/404.html
index 7d89adb2f0..ece0b8da2d 100644
--- a/docs/header-custom-theme-site/404.html
+++ b/docs/header-custom-theme-site/404.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Not Found"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Not Found"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -53,7 +53,7 @@
       }
     })
   </script><link rel="manifest" href="/hds-demo/header-custom-theme-site/manifest.webmanifest" crossorigin="anonymous"/><link rel="apple-touch-icon" sizes="any" href="/hds-demo/header-custom-theme-site/favicon/light/favicon-32x32.ico"/><link rel="apple-touch-icon" href="/hds-demo/header-custom-theme-site/favicon/light/apple-touch-icon.png"/><link rel="apple-touch-icon" sizes="192x192" href="/hds-demo/header-custom-theme-site/favicon/light/favicon-192x192.png"/><link rel="apple-touch-icon" sizes="512x512" href="/hds-demo/header-custom-theme-site/favicon/light/favicon-512x512.png"/><link rel="preconnect" href="https://webanalytics.digiaiiris.com/js"/></head><body><div id="___gatsby"><div style="outline:none" tabindex="-1" id="gatsby-focus-wrapper"><div class="page text-body"><header id="page-header" class="Navigation-module_header__2HNOX Navigation-module_theme-light__36nmi pageHeader"><a class="Navigation-module_skipToContent__2p54x" href="#content">Skip to content</a><div class="visible-module_belowM__2GR1J"><div class="Navigation-module_headerBackgroundWrapper__137R3"><div class="Navigation-module_headerContainer__2YPsu"><a class="Navigation-module_title__3zRBe" href="https://hds.hel.fi" aria-label="Helsinki: Helsinki Design System"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Navigation-module_logo__1sEy6" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg><span><div class="page-header-title"><div>Helsinki Design System</div><div class="page-header-title-badge"><img style="filter:invert(1)" alt="HDS version number: 2.15.0" src="https://img.shields.io/github/v/release/City-of-Helsinki/helsinki-design-system?label=&amp;style=for-the-badge&amp;color=1a1a1a"/></div></div></span></a><button aria-label="menu" aria-haspopup="true" aria-expanded="false" type="button" class="Navigation-module_mobileMenuToggle__1v6en"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="menu-hamburger" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M22 17V19H2V17H22ZM22 11V13H2V11H22ZM22 5V7H2V5H22Z" fill="currentColor"></path></svg></button></div></div></div><div class="visible-module_aboveM__31mn_"><div class="Navigation-module_headerBackgroundWrapper__137R3"><div class="Navigation-module_headerContainer__2YPsu"><a class="Navigation-module_title__3zRBe" href="https://hds.hel.fi" aria-label="Helsinki: Helsinki Design System"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Navigation-module_logo__1sEy6" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg><span><div class="page-header-title"><div>Helsinki Design System</div><div class="page-header-title-badge"><img style="filter:invert(1)" alt="HDS version number: 2.15.0" src="https://img.shields.io/github/v/release/City-of-Helsinki/helsinki-design-system?label=&amp;style=for-the-badge&amp;color=1a1a1a"/></div></div></span></a><div class="Navigation-module_headerContent__3zHbK"></div></div></div><nav class="NavigationRow-module_navigation__24tui NavigationRow-module_subNav__3fDXv" aria-label="Site navigation"><a class="NavigationItem-module_rowItem__2QxRz" href="/hds-demo/header-custom-theme-site/getting-started/"><span class="NavigationItem-module_label__1UsXG button_hds-button__label__3r3Mi">Getting started</span></a><a class="NavigationItem-module_rowItem__2QxRz" href="/hds-demo/header-custom-theme-site/foundation/"><span class="NavigationItem-module_label__1UsXG button_hds-button__label__3r3Mi">Foundation</span></a><a class="NavigationItem-module_rowItem__2QxRz" href="/hds-demo/header-custom-theme-site/components/"><span class="NavigationItem-module_label__1UsXG button_hds-button__label__3r3Mi">Components</span></a><a class="NavigationItem-module_rowItem__2QxRz" href="/hds-demo/header-custom-theme-site/patterns/"><span class="NavigationItem-module_label__1UsXG button_hds-button__label__3r3Mi">Patterns</span></a><a class="NavigationItem-module_rowItem__2QxRz" href="/hds-demo/header-custom-theme-site/about/"><span class="NavigationItem-module_label__1UsXG button_hds-button__label__3r3Mi">About</span></a></nav></div></header><div class="page-content"><main id="content" class="main-content"><h1 id="404-not-found" style="position:relative" class="page-heading-1 heading-xl-mobile">404: Not Found<a href="#404-not-found" aria-label="404 not found permalink" class="header-anchor after"><span><span class="hds-anchor-icon hds-icon hds-icon--link hds-icon--size-xs" aria-hidden="true" style="vertical-align: middle"></span></span></a></h1>
-<p>You just hit a route that doesn&#x27;t exist... the sadness.</p></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-3" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-3)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
+<p>You just hit a route that doesn&#x27;t exist... the sadness.</p></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-4" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-4)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
     window.dev = undefined
     if (window.dev === true || !(navigator.doNotTrack === '1' || window.doNotTrack === '1')) {
       window._paq = window._paq || [];
@@ -81,6 +81,6 @@
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/404/index.html b/docs/header-custom-theme-site/404/index.html
index 089f42ce00..19fda874eb 100644
--- a/docs/header-custom-theme-site/404/index.html
+++ b/docs/header-custom-theme-site/404/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Not Found"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Not Found"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -53,7 +53,7 @@
       }
     })
   </script><link rel="manifest" href="/hds-demo/header-custom-theme-site/manifest.webmanifest" crossorigin="anonymous"/><link rel="apple-touch-icon" sizes="any" href="/hds-demo/header-custom-theme-site/favicon/light/favicon-32x32.ico"/><link rel="apple-touch-icon" href="/hds-demo/header-custom-theme-site/favicon/light/apple-touch-icon.png"/><link rel="apple-touch-icon" sizes="192x192" href="/hds-demo/header-custom-theme-site/favicon/light/favicon-192x192.png"/><link rel="apple-touch-icon" sizes="512x512" href="/hds-demo/header-custom-theme-site/favicon/light/favicon-512x512.png"/><link rel="preconnect" href="https://webanalytics.digiaiiris.com/js"/></head><body><div id="___gatsby"><div style="outline:none" tabindex="-1" id="gatsby-focus-wrapper"><div class="page text-body"><header id="page-header" class="Navigation-module_header__2HNOX Navigation-module_theme-light__36nmi pageHeader"><a class="Navigation-module_skipToContent__2p54x" href="#content">Skip to content</a><div class="visible-module_belowM__2GR1J"><div class="Navigation-module_headerBackgroundWrapper__137R3"><div class="Navigation-module_headerContainer__2YPsu"><a class="Navigation-module_title__3zRBe" href="https://hds.hel.fi" aria-label="Helsinki: Helsinki Design System"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Navigation-module_logo__1sEy6" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg><span><div class="page-header-title"><div>Helsinki Design System</div><div class="page-header-title-badge"><img style="filter:invert(1)" alt="HDS version number: 2.15.0" src="https://img.shields.io/github/v/release/City-of-Helsinki/helsinki-design-system?label=&amp;style=for-the-badge&amp;color=1a1a1a"/></div></div></span></a><button aria-label="menu" aria-haspopup="true" aria-expanded="false" type="button" class="Navigation-module_mobileMenuToggle__1v6en"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="menu-hamburger" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M22 17V19H2V17H22ZM22 11V13H2V11H22ZM22 5V7H2V5H22Z" fill="currentColor"></path></svg></button></div></div></div><div class="visible-module_aboveM__31mn_"><div class="Navigation-module_headerBackgroundWrapper__137R3"><div class="Navigation-module_headerContainer__2YPsu"><a class="Navigation-module_title__3zRBe" href="https://hds.hel.fi" aria-label="Helsinki: Helsinki Design System"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Navigation-module_logo__1sEy6" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg><span><div class="page-header-title"><div>Helsinki Design System</div><div class="page-header-title-badge"><img style="filter:invert(1)" alt="HDS version number: 2.15.0" src="https://img.shields.io/github/v/release/City-of-Helsinki/helsinki-design-system?label=&amp;style=for-the-badge&amp;color=1a1a1a"/></div></div></span></a><div class="Navigation-module_headerContent__3zHbK"></div></div></div><nav class="NavigationRow-module_navigation__24tui NavigationRow-module_subNav__3fDXv" aria-label="Site navigation"><a class="NavigationItem-module_rowItem__2QxRz" href="/hds-demo/header-custom-theme-site/getting-started/"><span class="NavigationItem-module_label__1UsXG button_hds-button__label__3r3Mi">Getting started</span></a><a class="NavigationItem-module_rowItem__2QxRz" href="/hds-demo/header-custom-theme-site/foundation/"><span class="NavigationItem-module_label__1UsXG button_hds-button__label__3r3Mi">Foundation</span></a><a class="NavigationItem-module_rowItem__2QxRz" href="/hds-demo/header-custom-theme-site/components/"><span class="NavigationItem-module_label__1UsXG button_hds-button__label__3r3Mi">Components</span></a><a class="NavigationItem-module_rowItem__2QxRz" href="/hds-demo/header-custom-theme-site/patterns/"><span class="NavigationItem-module_label__1UsXG button_hds-button__label__3r3Mi">Patterns</span></a><a class="NavigationItem-module_rowItem__2QxRz" href="/hds-demo/header-custom-theme-site/about/"><span class="NavigationItem-module_label__1UsXG button_hds-button__label__3r3Mi">About</span></a></nav></div></header><div class="page-content"><main id="content" class="main-content"><h1 id="404-not-found" style="position:relative" class="page-heading-1 heading-xl-mobile">404: Not Found<a href="#404-not-found" aria-label="404 not found permalink" class="header-anchor after"><span><span class="hds-anchor-icon hds-icon hds-icon--link hds-icon--size-xs" aria-hidden="true" style="vertical-align: middle"></span></span></a></h1>
-<p>You just hit a route that doesn&#x27;t exist... the sadness.</p></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-4" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-4)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
+<p>You just hit a route that doesn&#x27;t exist... the sadness.</p></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-3" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-3)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
     window.dev = undefined
     if (window.dev === true || !(navigator.doNotTrack === '1' || window.doNotTrack === '1')) {
       window._paq = window._paq || [];
@@ -81,6 +81,6 @@
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/_gatsby/slices/_gatsby-scripts-1.html b/docs/header-custom-theme-site/_gatsby/slices/_gatsby-scripts-1.html
index c24a5d336d..f881da0e71 100644
--- a/docs/header-custom-theme-site/_gatsby/slices/_gatsby-scripts-1.html
+++ b/docs/header-custom-theme-site/_gatsby/slices/_gatsby-scripts-1.html
@@ -2,6 +2,6 @@
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/about/accessibility/hds-accessibility/index.html b/docs/header-custom-theme-site/about/accessibility/hds-accessibility/index.html
index f7222e8be4..da0f79a6ed 100644
--- a/docs/header-custom-theme-site/about/accessibility/hds-accessibility/index.html
+++ b/docs/header-custom-theme-site/about/accessibility/hds-accessibility/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | HDS Accessibility"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | HDS Accessibility"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -118,6 +118,6 @@ <h2 id="accessibility-in-projects-using-hds" style="position:relative" class="pa
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/about/accessibility/statement/index.html b/docs/header-custom-theme-site/about/accessibility/statement/index.html
index e566a84c70..5265ab29fb 100644
--- a/docs/header-custom-theme-site/about/accessibility/statement/index.html
+++ b/docs/header-custom-theme-site/about/accessibility/statement/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Accessibility statement"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Accessibility statement"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -109,6 +109,6 @@ <h2 id="approval-of-the-accessibility-statement" style="position:relative" class
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/about/index.html b/docs/header-custom-theme-site/about/index.html
index a92a95252c..065be8e153 100644
--- a/docs/header-custom-theme-site/about/index.html
+++ b/docs/header-custom-theme-site/about/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Support"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Support"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -96,6 +96,6 @@ <h2 id="hds-v1-documentation" style="position:relative" class="page-heading-2 he
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/about/resources/index.html b/docs/header-custom-theme-site/about/resources/index.html
index 5e7b225f1d..ba708f9fe9 100644
--- a/docs/header-custom-theme-site/about/resources/index.html
+++ b/docs/header-custom-theme-site/about/resources/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Resources"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Resources"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -114,7 +114,7 @@ <h2 id="hds-repositories" style="position:relative" class="page-heading-2 headin
 <li>
 <a aria-label="HDS Documentation site. Opens a different website." class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F" href="https://github.com/City-of-Helsinki/helsinki-design-system/tree/master/site">HDS Documentation site<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik Link-module_icon__3ReCc link_icon__i_HqN Link-module_verticalAlignMediumIcon__12PVa link_vertical-align-medium-icon__3IWi1" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="link-external" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M5 3V19H21V21H3V3H5ZM21 3V12H19V6.413L9.91421 15.5L8.5 14.0858L17.585 5H12V3H21Z" fill="currentColor"></path></svg></a>
 </li>
-</ul></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-32" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-32)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
+</ul></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-31" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-31)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
     window.dev = undefined
     if (window.dev === true || !(navigator.doNotTrack === '1' || window.doNotTrack === '1')) {
       window._paq = window._paq || [];
@@ -142,6 +142,6 @@ <h2 id="hds-repositories" style="position:relative" class="page-heading-2 headin
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/about/this-is-hds/index.html b/docs/header-custom-theme-site/about/this-is-hds/index.html
index 15acb2ad3e..b6c1f7415f 100644
--- a/docs/header-custom-theme-site/about/this-is-hds/index.html
+++ b/docs/header-custom-theme-site/about/this-is-hds/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}</style><style>.gatsby-image-wrapper{position:relative;overflow:hidden}.gatsby-image-wrapper picture.object-fit-polyfill{position:static!important}.gatsby-image-wrapper img{bottom:0;height:100%;left:0;margin:0;max-width:none;padding:0;position:absolute;right:0;top:0;width:100%;object-fit:cover}.gatsby-image-wrapper [data-main-image]{opacity:0;transform:translateZ(0);transition:opacity .25s linear;will-change:opacity}.gatsby-image-wrapper-constrained{display:inline-block;vertical-align:top}</style><noscript><style>.gatsby-image-wrapper noscript [data-main-image]{opacity:1!important}.gatsby-image-wrapper [data-placeholder-image]{opacity:0!important}</style></noscript><script type="module">const e="undefined"!=typeof HTMLImageElement&&"loading"in HTMLImageElement.prototype;e&&document.body.addEventListener("load",(function(e){const t=e.target;if(void 0===t.dataset.mainImage)return;if(void 0===t.dataset.gatsbyImageSsr)return;let a=null,n=t;for(;null===a&&n;)void 0!==n.parentNode.dataset.gatsbyImageWrapper&&(a=n.parentNode),n=n.parentNode;const o=a.querySelector("[data-placeholder-image]"),r=new Image;r.src=t.currentSrc,r.decode().catch((()=>{})).then((()=>{t.style.opacity=1,o&&(o.style.opacity=0,o.style.transition="opacity 500ms linear")}))}),!0);</script><style type="text/css">
     .header-anchor.before {
@@ -78,6 +78,6 @@
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/chunk-map.json b/docs/header-custom-theme-site/chunk-map.json
index 5c01103699..34802faffd 100644
--- a/docs/header-custom-theme-site/chunk-map.json
+++ b/docs/header-custom-theme-site/chunk-map.json
@@ -1 +1 @@
-{"app":["/app-1ced69e513f1a69c5827.js"],"component---src-docs-404-mdx":["/component---src-docs-404-mdx-63b1db6da09517d6ee25.js"],"component---src-docs-about-accessibility-hds-accessibility-mdx":["/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js"],"component---src-docs-about-accessibility-statement-mdx":["/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js"],"component---src-docs-about-index-mdx":["/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js"],"component---src-docs-about-resources-mdx":["/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js"],"component---src-docs-about-this-is-hds-index-jsx":["/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js"],"component---src-docs-components-accordion-accessibility-mdx":["/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js"],"component---src-docs-components-accordion-code-mdx":["/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js"],"component---src-docs-components-accordion-customisation-mdx":["/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js"],"component---src-docs-components-accordion-index-mdx":["/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js"],"component---src-docs-components-accordion-tabs-mdx":["/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js"],"component---src-docs-components-breadcrumb-accessibility-mdx":["/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js"],"component---src-docs-components-breadcrumb-code-mdx":["/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js"],"component---src-docs-components-breadcrumb-customisation-mdx":["/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js"],"component---src-docs-components-breadcrumb-index-mdx":["/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js"],"component---src-docs-components-breadcrumb-tabs-mdx":["/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js"],"component---src-docs-components-buttons-accessibility-mdx":["/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js"],"component---src-docs-components-buttons-code-mdx":["/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js"],"component---src-docs-components-buttons-customisation-mdx":["/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js"],"component---src-docs-components-buttons-index-mdx":["/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js"],"component---src-docs-components-buttons-tabs-mdx":["/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js"],"component---src-docs-components-card-accessibility-mdx":["/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js"],"component---src-docs-components-card-code-mdx":["/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js"],"component---src-docs-components-card-customisation-mdx":["/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js"],"component---src-docs-components-card-index-mdx":["/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js"],"component---src-docs-components-card-tabs-mdx":["/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js"],"component---src-docs-components-checkbox-accessibility-mdx":["/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js"],"component---src-docs-components-checkbox-code-mdx":["/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js"],"component---src-docs-components-checkbox-customisation-mdx":["/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js"],"component---src-docs-components-checkbox-index-mdx":["/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js"],"component---src-docs-components-checkbox-tabs-mdx":["/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js"],"component---src-docs-components-cookie-consent-accessibility-mdx":["/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js"],"component---src-docs-components-cookie-consent-api-mdx":["/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js"],"component---src-docs-components-cookie-consent-code-mdx":["/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js"],"component---src-docs-components-cookie-consent-index-mdx":["/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js"],"component---src-docs-components-cookie-consent-tabs-mdx":["/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js"],"component---src-docs-components-date-input-accessibility-mdx":["/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js"],"component---src-docs-components-date-input-code-mdx":["/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js"],"component---src-docs-components-date-input-index-mdx":["/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js"],"component---src-docs-components-date-input-tabs-mdx":["/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js"],"component---src-docs-components-dialog-accessibility-mdx":["/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js"],"component---src-docs-components-dialog-code-mdx":["/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js"],"component---src-docs-components-dialog-customisation-mdx":["/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js"],"component---src-docs-components-dialog-index-mdx":["/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js"],"component---src-docs-components-dialog-tabs-mdx":["/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js"],"component---src-docs-components-dropdown-accessibility-mdx":["/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js"],"component---src-docs-components-dropdown-code-mdx":["/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js"],"component---src-docs-components-dropdown-customisation-mdx":["/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js"],"component---src-docs-components-dropdown-index-mdx":["/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js"],"component---src-docs-components-dropdown-tabs-mdx":["/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js"],"component---src-docs-components-fieldset-accessibility-mdx":["/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js"],"component---src-docs-components-fieldset-code-mdx":["/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js"],"component---src-docs-components-fieldset-index-mdx":["/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js"],"component---src-docs-components-fieldset-tabs-mdx":["/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js"],"component---src-docs-components-file-input-accessibility-mdx":["/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js"],"component---src-docs-components-file-input-code-mdx":["/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js"],"component---src-docs-components-file-input-index-mdx":["/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js"],"component---src-docs-components-file-input-security-mdx":["/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js"],"component---src-docs-components-file-input-tabs-mdx":["/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js"],"component---src-docs-components-footer-accessibility-mdx":["/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js"],"component---src-docs-components-footer-code-mdx":["/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js"],"component---src-docs-components-footer-customisation-mdx":["/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js"],"component---src-docs-components-footer-index-mdx":["/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js"],"component---src-docs-components-footer-tabs-mdx":["/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js"],"component---src-docs-components-header-accessibility-mdx":["/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js"],"component---src-docs-components-header-code-mdx":["/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js"],"component---src-docs-components-header-index-mdx":["/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js"],"component---src-docs-components-header-tabs-mdx":["/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js"],"component---src-docs-components-hero-accessibility-mdx":["/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js"],"component---src-docs-components-hero-code-mdx":["/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js"],"component---src-docs-components-hero-customisation-mdx":["/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js"],"component---src-docs-components-hero-index-mdx":["/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js"],"component---src-docs-components-hero-tabs-mdx":["/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js"],"component---src-docs-components-highlight-accessibility-mdx":["/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js"],"component---src-docs-components-highlight-code-mdx":["/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js"],"component---src-docs-components-highlight-customisation-mdx":["/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js"],"component---src-docs-components-highlight-index-mdx":["/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js"],"component---src-docs-components-highlight-tabs-mdx":["/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js"],"component---src-docs-components-icon-accessibility-mdx":["/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js"],"component---src-docs-components-icon-code-mdx":["/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js"],"component---src-docs-components-icon-customisation-mdx":["/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js"],"component---src-docs-components-icon-index-mdx":["/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js"],"component---src-docs-components-icon-tabs-mdx":["/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js"],"component---src-docs-components-index-mdx":["/component---src-docs-components-index-mdx-be940051984a8a428b1c.js"],"component---src-docs-components-koros-accessibility-mdx":["/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js"],"component---src-docs-components-koros-code-mdx":["/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js"],"component---src-docs-components-koros-customisation-mdx":["/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js"],"component---src-docs-components-koros-index-mdx":["/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js"],"component---src-docs-components-koros-tabs-mdx":["/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js"],"component---src-docs-components-link-accessibility-mdx":["/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js"],"component---src-docs-components-link-code-mdx":["/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js"],"component---src-docs-components-link-index-mdx":["/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js"],"component---src-docs-components-link-tabs-mdx":["/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js"],"component---src-docs-components-linkbox-accessibility-mdx":["/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js"],"component---src-docs-components-linkbox-code-mdx":["/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js"],"component---src-docs-components-linkbox-index-mdx":["/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js"],"component---src-docs-components-linkbox-tabs-mdx":["/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js"],"component---src-docs-components-loading-spinner-accessibility-mdx":["/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js"],"component---src-docs-components-loading-spinner-code-mdx":["/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js"],"component---src-docs-components-loading-spinner-customisation-mdx":["/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js"],"component---src-docs-components-loading-spinner-index-mdx":["/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js"],"component---src-docs-components-loading-spinner-tabs-mdx":["/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js"],"component---src-docs-components-logo-accessibility-mdx":["/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js"],"component---src-docs-components-logo-code-mdx":["/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js"],"component---src-docs-components-logo-customisation-mdx":["/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js"],"component---src-docs-components-logo-index-mdx":["/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js"],"component---src-docs-components-logo-tabs-mdx":["/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js"],"component---src-docs-components-navigation-accessibility-mdx":["/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js"],"component---src-docs-components-navigation-code-mdx":["/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js"],"component---src-docs-components-navigation-customisation-mdx":["/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js"],"component---src-docs-components-navigation-index-mdx":["/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js"],"component---src-docs-components-navigation-tabs-mdx":["/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js"],"component---src-docs-components-notification-accessibility-mdx":["/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js"],"component---src-docs-components-notification-code-mdx":["/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js"],"component---src-docs-components-notification-index-mdx":["/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js"],"component---src-docs-components-notification-tabs-mdx":["/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js"],"component---src-docs-components-number-input-accessibility-mdx":["/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js"],"component---src-docs-components-number-input-code-mdx":["/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js"],"component---src-docs-components-number-input-index-mdx":["/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js"],"component---src-docs-components-number-input-tabs-mdx":["/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js"],"component---src-docs-components-pagination-accessibility-mdx":["/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js"],"component---src-docs-components-pagination-code-mdx":["/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js"],"component---src-docs-components-pagination-customisation-mdx":["/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js"],"component---src-docs-components-pagination-index-mdx":["/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js"],"component---src-docs-components-pagination-tabs-mdx":["/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js"],"component---src-docs-components-password-input-accessibility-mdx":["/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js"],"component---src-docs-components-password-input-code-mdx":["/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js"],"component---src-docs-components-password-input-index-mdx":["/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js"],"component---src-docs-components-password-input-security-mdx":["/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js"],"component---src-docs-components-password-input-tabs-mdx":["/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js"],"component---src-docs-components-phone-input-accessibility-mdx":["/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js"],"component---src-docs-components-phone-input-code-mdx":["/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js"],"component---src-docs-components-phone-input-index-mdx":["/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js"],"component---src-docs-components-phone-input-tabs-mdx":["/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js"],"component---src-docs-components-radio-button-accessibility-mdx":["/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js"],"component---src-docs-components-radio-button-code-mdx":["/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js"],"component---src-docs-components-radio-button-customisation-mdx":["/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js"],"component---src-docs-components-radio-button-index-mdx":["/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js"],"component---src-docs-components-radio-button-tabs-mdx":["/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js"],"component---src-docs-components-search-input-accessibility-mdx":["/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js"],"component---src-docs-components-search-input-code-mdx":["/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js"],"component---src-docs-components-search-input-index-mdx":["/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js"],"component---src-docs-components-search-input-tabs-mdx":["/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js"],"component---src-docs-components-selection-group-accessibility-mdx":["/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js"],"component---src-docs-components-selection-group-code-mdx":["/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js"],"component---src-docs-components-selection-group-index-mdx":["/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js"],"component---src-docs-components-selection-group-tabs-mdx":["/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js"],"component---src-docs-components-side-navigation-accessibility-mdx":["/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js"],"component---src-docs-components-side-navigation-code-mdx":["/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js"],"component---src-docs-components-side-navigation-customisation-mdx":["/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js"],"component---src-docs-components-side-navigation-index-mdx":["/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js"],"component---src-docs-components-side-navigation-tabs-mdx":["/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js"],"component---src-docs-components-status-label-accessibility-mdx":["/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js"],"component---src-docs-components-status-label-code-mdx":["/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js"],"component---src-docs-components-status-label-index-mdx":["/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js"],"component---src-docs-components-status-label-tabs-mdx":["/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js"],"component---src-docs-components-step-by-step-accessibility-mdx":["/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js"],"component---src-docs-components-step-by-step-code-mdx":["/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js"],"component---src-docs-components-step-by-step-index-mdx":["/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js"],"component---src-docs-components-step-by-step-tabs-mdx":["/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js"],"component---src-docs-components-stepper-accessibility-mdx":["/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js"],"component---src-docs-components-stepper-code-mdx":["/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js"],"component---src-docs-components-stepper-customisation-mdx":["/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js"],"component---src-docs-components-stepper-index-mdx":["/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js"],"component---src-docs-components-stepper-tabs-mdx":["/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js"],"component---src-docs-components-table-accessibility-mdx":["/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js"],"component---src-docs-components-table-code-mdx":["/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js"],"component---src-docs-components-table-customisation-mdx":["/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js"],"component---src-docs-components-table-index-mdx":["/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js"],"component---src-docs-components-table-tabs-mdx":["/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js"],"component---src-docs-components-tabs-accessibility-mdx":["/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js"],"component---src-docs-components-tabs-code-mdx":["/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js"],"component---src-docs-components-tabs-customisation-mdx":["/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js"],"component---src-docs-components-tabs-index-mdx":["/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js"],"component---src-docs-components-tabs-tabs-mdx":["/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js"],"component---src-docs-components-tag-accessibility-mdx":["/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js"],"component---src-docs-components-tag-code-mdx":["/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js"],"component---src-docs-components-tag-customisation-mdx":["/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js"],"component---src-docs-components-tag-index-mdx":["/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js"],"component---src-docs-components-tag-tabs-mdx":["/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js"],"component---src-docs-components-text-area-accessibility-mdx":["/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js"],"component---src-docs-components-text-area-code-mdx":["/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js"],"component---src-docs-components-text-area-index-mdx":["/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js"],"component---src-docs-components-text-area-tabs-mdx":["/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js"],"component---src-docs-components-text-input-accessibility-mdx":["/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js"],"component---src-docs-components-text-input-code-mdx":["/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js"],"component---src-docs-components-text-input-index-mdx":["/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js"],"component---src-docs-components-text-input-tabs-mdx":["/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js"],"component---src-docs-components-time-input-accessibility-mdx":["/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js"],"component---src-docs-components-time-input-code-mdx":["/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js"],"component---src-docs-components-time-input-index-mdx":["/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js"],"component---src-docs-components-time-input-tabs-mdx":["/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js"],"component---src-docs-components-toggle-button-accessibility-mdx":["/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js"],"component---src-docs-components-toggle-button-code-mdx":["/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js"],"component---src-docs-components-toggle-button-customisation-mdx":["/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js"],"component---src-docs-components-toggle-button-index-mdx":["/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js"],"component---src-docs-components-toggle-button-tabs-mdx":["/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js"],"component---src-docs-components-tooltip-accessibility-mdx":["/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js"],"component---src-docs-components-tooltip-code-mdx":["/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js"],"component---src-docs-components-tooltip-index-mdx":["/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js"],"component---src-docs-components-tooltip-tabs-mdx":["/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js"],"component---src-docs-foundation-design-tokens-breakpoints-index-mdx":["/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js"],"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx":["/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js"],"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx":["/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js"],"component---src-docs-foundation-design-tokens-colour-accessibility-mdx":["/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js"],"component---src-docs-foundation-design-tokens-colour-index-mdx":["/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js"],"component---src-docs-foundation-design-tokens-colour-tabs-mdx":["/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js"],"component---src-docs-foundation-design-tokens-colour-tokens-mdx":["/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js"],"component---src-docs-foundation-design-tokens-spacing-index-mdx":["/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js"],"component---src-docs-foundation-design-tokens-spacing-tabs-mdx":["/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js"],"component---src-docs-foundation-design-tokens-spacing-tokens-mdx":["/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js"],"component---src-docs-foundation-design-tokens-typography-index-mdx":["/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js"],"component---src-docs-foundation-design-tokens-typography-tabs-mdx":["/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js"],"component---src-docs-foundation-design-tokens-typography-tokens-mdx":["/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js"],"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx":["/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js"],"component---src-docs-foundation-guidelines-data-formats-mdx":["/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js"],"component---src-docs-foundation-guidelines-grid-mdx":["/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js"],"component---src-docs-foundation-guidelines-inclusivity-mdx":["/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js"],"component---src-docs-foundation-guidelines-localisation-mdx":["/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js"],"component---src-docs-foundation-guidelines-photography-mdx":["/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js"],"component---src-docs-foundation-guidelines-server-side-rendering-mdx":["/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js"],"component---src-docs-foundation-index-mdx":["/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js"],"component---src-docs-foundation-visual-assets-favicon-mdx":["/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js"],"component---src-docs-foundation-visual-assets-icons-index-mdx":["/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js"],"component---src-docs-foundation-visual-assets-icons-list-mdx":["/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js"],"component---src-docs-foundation-visual-assets-icons-tabs-mdx":["/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js"],"component---src-docs-foundation-visual-assets-logo-mdx":["/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js"],"component---src-docs-foundation-visual-assets-placeholders-mdx":["/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js"],"component---src-docs-foundation-visual-assets-wave-motifs-mdx":["/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js"],"component---src-docs-getting-started-contributing-design-mdx":["/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js"],"component---src-docs-getting-started-contributing-documentation-mdx":["/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js"],"component---src-docs-getting-started-contributing-how-to-contribute-mdx":["/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js"],"component---src-docs-getting-started-contributing-icons-mdx":["/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js"],"component---src-docs-getting-started-contributing-implementation-mdx":["/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js"],"component---src-docs-getting-started-designer-mdx":["/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js"],"component---src-docs-getting-started-developer-mdx":["/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js"],"component---src-docs-getting-started-faq-accessibility-mdx":["/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js"],"component---src-docs-getting-started-faq-code-mdx":["/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js"],"component---src-docs-getting-started-faq-design-mdx":["/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js"],"component---src-docs-getting-started-faq-index-mdx":["/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js"],"component---src-docs-getting-started-faq-tabs-mdx":["/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js"],"component---src-docs-getting-started-index-mdx":["/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js"],"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx":["/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js"],"component---src-docs-getting-started-versioning-mdx":["/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js"],"component---src-docs-index-mdx":["/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js"],"component---src-docs-patterns-cookies-basics-mdx":["/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js"],"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx":["/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js"],"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx":["/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js"],"component---src-docs-patterns-forms-form-building-mdx":["/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js"],"component---src-docs-patterns-forms-form-multi-page-mdx":["/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js"],"component---src-docs-patterns-forms-form-validation-mdx":["/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js"],"component---src-docs-patterns-index-mdx":["/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js"]}
\ No newline at end of file
+{"app":["/app-1ced69e513f1a69c5827.js"],"component---src-docs-404-mdx":["/component---src-docs-404-mdx-63b1db6da09517d6ee25.js"],"component---src-docs-about-accessibility-hds-accessibility-mdx":["/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js"],"component---src-docs-about-accessibility-statement-mdx":["/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js"],"component---src-docs-about-index-mdx":["/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js"],"component---src-docs-about-resources-mdx":["/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js"],"component---src-docs-about-this-is-hds-index-jsx":["/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js"],"component---src-docs-components-accordion-accessibility-mdx":["/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js"],"component---src-docs-components-accordion-code-mdx":["/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js"],"component---src-docs-components-accordion-customisation-mdx":["/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js"],"component---src-docs-components-accordion-index-mdx":["/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js"],"component---src-docs-components-accordion-tabs-mdx":["/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js"],"component---src-docs-components-breadcrumb-accessibility-mdx":["/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js"],"component---src-docs-components-breadcrumb-code-mdx":["/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js"],"component---src-docs-components-breadcrumb-customisation-mdx":["/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js"],"component---src-docs-components-breadcrumb-index-mdx":["/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js"],"component---src-docs-components-breadcrumb-tabs-mdx":["/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js"],"component---src-docs-components-buttons-accessibility-mdx":["/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js"],"component---src-docs-components-buttons-code-mdx":["/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js"],"component---src-docs-components-buttons-customisation-mdx":["/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js"],"component---src-docs-components-buttons-index-mdx":["/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js"],"component---src-docs-components-buttons-tabs-mdx":["/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js"],"component---src-docs-components-card-accessibility-mdx":["/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js"],"component---src-docs-components-card-code-mdx":["/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js"],"component---src-docs-components-card-customisation-mdx":["/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js"],"component---src-docs-components-card-index-mdx":["/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js"],"component---src-docs-components-card-tabs-mdx":["/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js"],"component---src-docs-components-checkbox-accessibility-mdx":["/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js"],"component---src-docs-components-checkbox-code-mdx":["/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js"],"component---src-docs-components-checkbox-customisation-mdx":["/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js"],"component---src-docs-components-checkbox-index-mdx":["/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js"],"component---src-docs-components-checkbox-tabs-mdx":["/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js"],"component---src-docs-components-cookie-consent-accessibility-mdx":["/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js"],"component---src-docs-components-cookie-consent-api-mdx":["/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js"],"component---src-docs-components-cookie-consent-code-mdx":["/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js"],"component---src-docs-components-cookie-consent-index-mdx":["/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js"],"component---src-docs-components-cookie-consent-tabs-mdx":["/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js"],"component---src-docs-components-date-input-accessibility-mdx":["/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js"],"component---src-docs-components-date-input-code-mdx":["/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js"],"component---src-docs-components-date-input-index-mdx":["/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js"],"component---src-docs-components-date-input-tabs-mdx":["/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js"],"component---src-docs-components-dialog-accessibility-mdx":["/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js"],"component---src-docs-components-dialog-code-mdx":["/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js"],"component---src-docs-components-dialog-customisation-mdx":["/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js"],"component---src-docs-components-dialog-index-mdx":["/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js"],"component---src-docs-components-dialog-tabs-mdx":["/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js"],"component---src-docs-components-dropdown-accessibility-mdx":["/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js"],"component---src-docs-components-dropdown-code-mdx":["/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js"],"component---src-docs-components-dropdown-customisation-mdx":["/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js"],"component---src-docs-components-dropdown-index-mdx":["/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js"],"component---src-docs-components-dropdown-tabs-mdx":["/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js"],"component---src-docs-components-fieldset-accessibility-mdx":["/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js"],"component---src-docs-components-fieldset-code-mdx":["/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js"],"component---src-docs-components-fieldset-index-mdx":["/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js"],"component---src-docs-components-fieldset-tabs-mdx":["/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js"],"component---src-docs-components-file-input-accessibility-mdx":["/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js"],"component---src-docs-components-file-input-code-mdx":["/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js"],"component---src-docs-components-file-input-index-mdx":["/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js"],"component---src-docs-components-file-input-security-mdx":["/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js"],"component---src-docs-components-file-input-tabs-mdx":["/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js"],"component---src-docs-components-footer-accessibility-mdx":["/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js"],"component---src-docs-components-footer-code-mdx":["/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js"],"component---src-docs-components-footer-customisation-mdx":["/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js"],"component---src-docs-components-footer-index-mdx":["/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js"],"component---src-docs-components-footer-tabs-mdx":["/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js"],"component---src-docs-components-header-accessibility-mdx":["/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js"],"component---src-docs-components-header-code-mdx":["/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js"],"component---src-docs-components-header-index-mdx":["/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js"],"component---src-docs-components-header-tabs-mdx":["/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js"],"component---src-docs-components-hero-accessibility-mdx":["/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js"],"component---src-docs-components-hero-code-mdx":["/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js"],"component---src-docs-components-hero-customisation-mdx":["/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js"],"component---src-docs-components-hero-index-mdx":["/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js"],"component---src-docs-components-hero-tabs-mdx":["/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js"],"component---src-docs-components-highlight-accessibility-mdx":["/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js"],"component---src-docs-components-highlight-code-mdx":["/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js"],"component---src-docs-components-highlight-customisation-mdx":["/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js"],"component---src-docs-components-highlight-index-mdx":["/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js"],"component---src-docs-components-highlight-tabs-mdx":["/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js"],"component---src-docs-components-icon-accessibility-mdx":["/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js"],"component---src-docs-components-icon-code-mdx":["/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js"],"component---src-docs-components-icon-customisation-mdx":["/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js"],"component---src-docs-components-icon-index-mdx":["/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js"],"component---src-docs-components-icon-tabs-mdx":["/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js"],"component---src-docs-components-index-mdx":["/component---src-docs-components-index-mdx-be940051984a8a428b1c.js"],"component---src-docs-components-koros-accessibility-mdx":["/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js"],"component---src-docs-components-koros-code-mdx":["/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js"],"component---src-docs-components-koros-customisation-mdx":["/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js"],"component---src-docs-components-koros-index-mdx":["/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js"],"component---src-docs-components-koros-tabs-mdx":["/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js"],"component---src-docs-components-link-accessibility-mdx":["/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js"],"component---src-docs-components-link-code-mdx":["/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js"],"component---src-docs-components-link-index-mdx":["/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js"],"component---src-docs-components-link-tabs-mdx":["/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js"],"component---src-docs-components-linkbox-accessibility-mdx":["/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js"],"component---src-docs-components-linkbox-code-mdx":["/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js"],"component---src-docs-components-linkbox-index-mdx":["/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js"],"component---src-docs-components-linkbox-tabs-mdx":["/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js"],"component---src-docs-components-loading-spinner-accessibility-mdx":["/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js"],"component---src-docs-components-loading-spinner-code-mdx":["/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js"],"component---src-docs-components-loading-spinner-customisation-mdx":["/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js"],"component---src-docs-components-loading-spinner-index-mdx":["/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js"],"component---src-docs-components-loading-spinner-tabs-mdx":["/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js"],"component---src-docs-components-logo-accessibility-mdx":["/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js"],"component---src-docs-components-logo-code-mdx":["/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js"],"component---src-docs-components-logo-customisation-mdx":["/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js"],"component---src-docs-components-logo-index-mdx":["/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js"],"component---src-docs-components-logo-tabs-mdx":["/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js"],"component---src-docs-components-navigation-accessibility-mdx":["/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js"],"component---src-docs-components-navigation-code-mdx":["/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js"],"component---src-docs-components-navigation-customisation-mdx":["/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js"],"component---src-docs-components-navigation-index-mdx":["/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js"],"component---src-docs-components-navigation-tabs-mdx":["/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js"],"component---src-docs-components-notification-accessibility-mdx":["/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js"],"component---src-docs-components-notification-code-mdx":["/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js"],"component---src-docs-components-notification-index-mdx":["/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js"],"component---src-docs-components-notification-tabs-mdx":["/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js"],"component---src-docs-components-number-input-accessibility-mdx":["/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js"],"component---src-docs-components-number-input-code-mdx":["/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js"],"component---src-docs-components-number-input-index-mdx":["/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js"],"component---src-docs-components-number-input-tabs-mdx":["/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js"],"component---src-docs-components-pagination-accessibility-mdx":["/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js"],"component---src-docs-components-pagination-code-mdx":["/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js"],"component---src-docs-components-pagination-customisation-mdx":["/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js"],"component---src-docs-components-pagination-index-mdx":["/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js"],"component---src-docs-components-pagination-tabs-mdx":["/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js"],"component---src-docs-components-password-input-accessibility-mdx":["/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js"],"component---src-docs-components-password-input-code-mdx":["/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js"],"component---src-docs-components-password-input-index-mdx":["/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js"],"component---src-docs-components-password-input-security-mdx":["/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js"],"component---src-docs-components-password-input-tabs-mdx":["/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js"],"component---src-docs-components-phone-input-accessibility-mdx":["/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js"],"component---src-docs-components-phone-input-code-mdx":["/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js"],"component---src-docs-components-phone-input-index-mdx":["/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js"],"component---src-docs-components-phone-input-tabs-mdx":["/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js"],"component---src-docs-components-radio-button-accessibility-mdx":["/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js"],"component---src-docs-components-radio-button-code-mdx":["/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js"],"component---src-docs-components-radio-button-customisation-mdx":["/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js"],"component---src-docs-components-radio-button-index-mdx":["/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js"],"component---src-docs-components-radio-button-tabs-mdx":["/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js"],"component---src-docs-components-search-input-accessibility-mdx":["/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js"],"component---src-docs-components-search-input-code-mdx":["/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js"],"component---src-docs-components-search-input-index-mdx":["/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js"],"component---src-docs-components-search-input-tabs-mdx":["/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js"],"component---src-docs-components-selection-group-accessibility-mdx":["/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js"],"component---src-docs-components-selection-group-code-mdx":["/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js"],"component---src-docs-components-selection-group-index-mdx":["/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js"],"component---src-docs-components-selection-group-tabs-mdx":["/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js"],"component---src-docs-components-side-navigation-accessibility-mdx":["/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js"],"component---src-docs-components-side-navigation-code-mdx":["/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js"],"component---src-docs-components-side-navigation-customisation-mdx":["/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js"],"component---src-docs-components-side-navigation-index-mdx":["/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js"],"component---src-docs-components-side-navigation-tabs-mdx":["/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js"],"component---src-docs-components-status-label-accessibility-mdx":["/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js"],"component---src-docs-components-status-label-code-mdx":["/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js"],"component---src-docs-components-status-label-index-mdx":["/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js"],"component---src-docs-components-status-label-tabs-mdx":["/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js"],"component---src-docs-components-step-by-step-accessibility-mdx":["/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js"],"component---src-docs-components-step-by-step-code-mdx":["/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js"],"component---src-docs-components-step-by-step-index-mdx":["/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js"],"component---src-docs-components-step-by-step-tabs-mdx":["/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js"],"component---src-docs-components-stepper-accessibility-mdx":["/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js"],"component---src-docs-components-stepper-code-mdx":["/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js"],"component---src-docs-components-stepper-customisation-mdx":["/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js"],"component---src-docs-components-stepper-index-mdx":["/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js"],"component---src-docs-components-stepper-tabs-mdx":["/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js"],"component---src-docs-components-table-accessibility-mdx":["/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js"],"component---src-docs-components-table-code-mdx":["/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js"],"component---src-docs-components-table-customisation-mdx":["/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js"],"component---src-docs-components-table-index-mdx":["/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js"],"component---src-docs-components-table-tabs-mdx":["/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js"],"component---src-docs-components-tabs-accessibility-mdx":["/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js"],"component---src-docs-components-tabs-code-mdx":["/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js"],"component---src-docs-components-tabs-customisation-mdx":["/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js"],"component---src-docs-components-tabs-index-mdx":["/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js"],"component---src-docs-components-tabs-tabs-mdx":["/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js"],"component---src-docs-components-tag-accessibility-mdx":["/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js"],"component---src-docs-components-tag-code-mdx":["/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js"],"component---src-docs-components-tag-customisation-mdx":["/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js"],"component---src-docs-components-tag-index-mdx":["/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js"],"component---src-docs-components-tag-tabs-mdx":["/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js"],"component---src-docs-components-text-area-accessibility-mdx":["/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js"],"component---src-docs-components-text-area-code-mdx":["/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js"],"component---src-docs-components-text-area-index-mdx":["/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js"],"component---src-docs-components-text-area-tabs-mdx":["/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js"],"component---src-docs-components-text-input-accessibility-mdx":["/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js"],"component---src-docs-components-text-input-code-mdx":["/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js"],"component---src-docs-components-text-input-index-mdx":["/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js"],"component---src-docs-components-text-input-tabs-mdx":["/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js"],"component---src-docs-components-time-input-accessibility-mdx":["/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js"],"component---src-docs-components-time-input-code-mdx":["/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js"],"component---src-docs-components-time-input-index-mdx":["/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js"],"component---src-docs-components-time-input-tabs-mdx":["/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js"],"component---src-docs-components-toggle-button-accessibility-mdx":["/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js"],"component---src-docs-components-toggle-button-code-mdx":["/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js"],"component---src-docs-components-toggle-button-customisation-mdx":["/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js"],"component---src-docs-components-toggle-button-index-mdx":["/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js"],"component---src-docs-components-toggle-button-tabs-mdx":["/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js"],"component---src-docs-components-tooltip-accessibility-mdx":["/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js"],"component---src-docs-components-tooltip-code-mdx":["/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js"],"component---src-docs-components-tooltip-index-mdx":["/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js"],"component---src-docs-components-tooltip-tabs-mdx":["/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js"],"component---src-docs-foundation-design-tokens-breakpoints-index-mdx":["/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js"],"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx":["/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js"],"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx":["/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js"],"component---src-docs-foundation-design-tokens-colour-accessibility-mdx":["/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js"],"component---src-docs-foundation-design-tokens-colour-index-mdx":["/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js"],"component---src-docs-foundation-design-tokens-colour-tabs-mdx":["/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js"],"component---src-docs-foundation-design-tokens-colour-tokens-mdx":["/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js"],"component---src-docs-foundation-design-tokens-spacing-index-mdx":["/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js"],"component---src-docs-foundation-design-tokens-spacing-tabs-mdx":["/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js"],"component---src-docs-foundation-design-tokens-spacing-tokens-mdx":["/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js"],"component---src-docs-foundation-design-tokens-typography-index-mdx":["/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js"],"component---src-docs-foundation-design-tokens-typography-tabs-mdx":["/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js"],"component---src-docs-foundation-design-tokens-typography-tokens-mdx":["/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js"],"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx":["/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js"],"component---src-docs-foundation-guidelines-data-formats-mdx":["/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js"],"component---src-docs-foundation-guidelines-grid-mdx":["/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js"],"component---src-docs-foundation-guidelines-inclusivity-mdx":["/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js"],"component---src-docs-foundation-guidelines-localisation-mdx":["/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js"],"component---src-docs-foundation-guidelines-photography-mdx":["/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js"],"component---src-docs-foundation-guidelines-server-side-rendering-mdx":["/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js"],"component---src-docs-foundation-index-mdx":["/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js"],"component---src-docs-foundation-visual-assets-favicon-mdx":["/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js"],"component---src-docs-foundation-visual-assets-icons-index-mdx":["/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js"],"component---src-docs-foundation-visual-assets-icons-list-mdx":["/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js"],"component---src-docs-foundation-visual-assets-icons-tabs-mdx":["/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js"],"component---src-docs-foundation-visual-assets-logo-mdx":["/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js"],"component---src-docs-foundation-visual-assets-placeholders-mdx":["/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js"],"component---src-docs-foundation-visual-assets-wave-motifs-mdx":["/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js"],"component---src-docs-getting-started-contributing-design-mdx":["/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js"],"component---src-docs-getting-started-contributing-documentation-mdx":["/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js"],"component---src-docs-getting-started-contributing-how-to-contribute-mdx":["/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js"],"component---src-docs-getting-started-contributing-icons-mdx":["/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js"],"component---src-docs-getting-started-contributing-implementation-mdx":["/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js"],"component---src-docs-getting-started-designer-mdx":["/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js"],"component---src-docs-getting-started-developer-mdx":["/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js"],"component---src-docs-getting-started-faq-accessibility-mdx":["/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js"],"component---src-docs-getting-started-faq-code-mdx":["/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js"],"component---src-docs-getting-started-faq-design-mdx":["/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js"],"component---src-docs-getting-started-faq-index-mdx":["/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js"],"component---src-docs-getting-started-faq-tabs-mdx":["/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js"],"component---src-docs-getting-started-index-mdx":["/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js"],"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx":["/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js"],"component---src-docs-getting-started-versioning-mdx":["/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js"],"component---src-docs-index-mdx":["/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js"],"component---src-docs-patterns-cookies-basics-mdx":["/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js"],"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx":["/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js"],"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx":["/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js"],"component---src-docs-patterns-forms-form-building-mdx":["/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js"],"component---src-docs-patterns-forms-form-multi-page-mdx":["/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js"],"component---src-docs-patterns-forms-form-validation-mdx":["/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js"],"component---src-docs-patterns-index-mdx":["/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js"]}
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/components/accordion/accessibility/index.html b/docs/header-custom-theme-site/components/accordion/accessibility/index.html
index 9dbca8bc93..dfdd95386e 100644
--- a/docs/header-custom-theme-site/components/accordion/accessibility/index.html
+++ b/docs/header-custom-theme-site/components/accordion/accessibility/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Accordion - Accessibility"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Accordion - Accessibility"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -65,7 +65,7 @@ <h3 id="pay-attention-to" style="position:relative" class="page-heading-3 headin
 </ul>
 </li>
 <li>Make sure that the keyboard user can navigate out of the accordion area without closing the accordion. See <a aria-label="WCAG 2.1.2 No Keyboard Trap guideline. Opens a different website." class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F" href="https://www.w3.org/TR/WCAG21/#no-keyboard-trap">WCAG 2.1.2 No Keyboard Trap guideline<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik Link-module_icon__3ReCc link_icon__i_HqN Link-module_verticalAlignMediumIcon__12PVa link_vertical-align-medium-icon__3IWi1" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="link-external" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M5 3V19H21V21H3V3H5ZM21 3V12H19V6.413L9.91421 15.5L8.5 14.0858L17.585 5H12V3H21Z" fill="currentColor"></path></svg></a> for more information.</li>
-</ul></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-108" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-108)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
+</ul></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-110" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-110)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
     window.dev = undefined
     if (window.dev === true || !(navigator.doNotTrack === '1' || window.doNotTrack === '1')) {
       window._paq = window._paq || [];
@@ -93,6 +93,6 @@ <h3 id="pay-attention-to" style="position:relative" class="page-heading-3 headin
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/components/accordion/code/index.html b/docs/header-custom-theme-site/components/accordion/code/index.html
index b3cd435637..a9aa5d1fbc 100644
--- a/docs/header-custom-theme-site/components/accordion/code/index.html
+++ b/docs/header-custom-theme-site/components/accordion/code/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Accordion - Code"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Accordion - Code"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -405,7 +405,7 @@ <h3 id="packages" style="position:relative" class="page-heading-3 heading-m">Pac
 <div class="hds-table-container" tabindex="0"><table class="hds-table hds-table--dark" aria-label="Service users (dark variant)"><thead><tr class="hds-table__header-row dark"><th scope="col">Package</th><th scope="col">Included</th><th scope="col">Storybook link</th><th scope="col">Source link</th></tr></thead><tbody class="hds-table__content"><tr><td><strong>HDS React</strong></td><td><div style="display:flex;gap:var(--spacing-3-xs)"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="check-circle-fill" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3ZM16.5 8L18 9.5L10.5 17L6 12.5L7.5 11L10.5 14L16.5 8Z" fill="currentColor"></path></svg> Yes </div></td><td><a aria-label="View in Storybook. Opens in a new tab" class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F" href="/storybook/react/?path=/story/components-accordion--default" target="_blank" rel="noopener">View in Storybook</a></td><td><a aria-label="View source. Opens in a new tab Opens a different website." class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F" href="https://github.com/City-of-Helsinki/helsinki-design-system/blob/master/packages/react/src/components/accordion/Accordion.tsx" target="_blank" rel="noopener">View source<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik Link-module_icon__3ReCc link_icon__i_HqN Link-module_verticalAlignMediumIcon__12PVa link_vertical-align-medium-icon__3IWi1" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="link-external" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M5 3V19H21V21H3V3H5ZM21 3V12H19V6.413L9.91421 15.5L8.5 14.0858L17.585 5H12V3H21Z" fill="currentColor"></path></svg></a></td></tr><tr><td><strong>HDS Core</strong></td><td><div style="display:flex;gap:var(--spacing-3-xs)"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="cross-circle" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2ZM12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4ZM15 7.5L16.5 9L13.5 12L16.5 15L15 16.5L12 13.5L9 16.5L7.5 15L10.5 12L7.5 9L9 7.5L12 10.5L15 7.5Z" fill="currentColor"></path></svg> No </div></td><td>-</td><td>-</td></tr></tbody></table></div>
 <h3 id="properties" style="position:relative" class="page-heading-3 heading-m">Properties<a href="#properties" aria-label="properties permalink" class="header-anchor after"><span><span class="hds-anchor-icon hds-icon hds-icon--link hds-icon--size-xs" aria-hidden="true" style="vertical-align: middle"></span></span></a></h3>
 <p>Note! You can find the full list of properties in the <a aria-label="React Storybook. Opens in a new tab" class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F" href="/storybook/react/?path=/docs/components-accordion--default" target="_blank" rel="noopener">React Storybook.</a></p>
-<div class="hds-table-container" tabindex="0"><table class="hds-table hds-table--dark" aria-label="Service users (dark variant)"><thead><tr class="hds-table__header-row dark"><th scope="col">Property</th><th scope="col">Description</th><th scope="col">Values</th><th scope="col">Default value</th></tr></thead><tbody class="hds-table__content"><tr><td><code>heading</code></td><td>Heading of the accordion</td><td>-</td><td>-</td></tr><tr><td><code>headingLevel</code></td><td>Sets the aria-level of the accordion header.</td><td>1-6</td><td>2</td></tr><tr><td><code>border</code></td><td>If set to true, a border will be drawn around the accordion card.</td><td><code>boolean</code></td><td>false</td></tr><tr><td><code>card</code></td><td>If set to true, the accordion will use HDS Card as its background element.</td><td><code>boolean</code></td><td>false</td></tr><tr><td><code>closeButton</code></td><td>If set to true, a close button is shown at the bottom of an expanded accordion</td><td><code>boolean</code></td><td>true</td></tr><tr><td><code>initiallyOpen</code></td><td>If set to true, the accordion will be initially opened.</td><td><code>boolean</code></td><td>false</td></tr></tbody></table></div></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-107" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-107)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
+<div class="hds-table-container" tabindex="0"><table class="hds-table hds-table--dark" aria-label="Service users (dark variant)"><thead><tr class="hds-table__header-row dark"><th scope="col">Property</th><th scope="col">Description</th><th scope="col">Values</th><th scope="col">Default value</th></tr></thead><tbody class="hds-table__content"><tr><td><code>heading</code></td><td>Heading of the accordion</td><td>-</td><td>-</td></tr><tr><td><code>headingLevel</code></td><td>Sets the aria-level of the accordion header.</td><td>1-6</td><td>2</td></tr><tr><td><code>border</code></td><td>If set to true, a border will be drawn around the accordion card.</td><td><code>boolean</code></td><td>false</td></tr><tr><td><code>card</code></td><td>If set to true, the accordion will use HDS Card as its background element.</td><td><code>boolean</code></td><td>false</td></tr><tr><td><code>closeButton</code></td><td>If set to true, a close button is shown at the bottom of an expanded accordion</td><td><code>boolean</code></td><td>true</td></tr><tr><td><code>initiallyOpen</code></td><td>If set to true, the accordion will be initially opened.</td><td><code>boolean</code></td><td>false</td></tr></tbody></table></div></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-105" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-105)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
     window.dev = undefined
     if (window.dev === true || !(navigator.doNotTrack === '1' || window.doNotTrack === '1')) {
       window._paq = window._paq || [];
@@ -433,6 +433,6 @@ <h3 id="properties" style="position:relative" class="page-heading-3 heading-m">P
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/components/accordion/customisation/index.html b/docs/header-custom-theme-site/components/accordion/customisation/index.html
index ac6cf3dc9f..a6f491081f 100644
--- a/docs/header-custom-theme-site/components/accordion/customisation/index.html
+++ b/docs/header-custom-theme-site/components/accordion/customisation/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Accordion - Customisation"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Accordion - Customisation"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -139,7 +139,7 @@ <h3 id="customisation-example" style="position:relative" class="page-heading-3 h
     color: transparent !important;
   }
 }
-</style></div></div></div></div></div><div class="playground-block-buttons"><button type="button" class="Button-module_button__1msFE button_hds-button__2A0je Button-module_secondary__1nABp button_hds-button--secondary__1NOWS Button-module_size-small__3lizH button_hds-button--small__2NFef"><span class="Button-module_label__a4np1 button_hds-button__label__2EQa-">Copy code</span></button><button type="button" class="Button-module_button__1msFE button_hds-button__2A0je Button-module_secondary__1nABp button_hds-button--secondary__1NOWS Button-module_size-small__3lizH button_hds-button--small__2NFef"><div class="Button-module_icon__O-h7R button_hds-icon__17j8Z" aria-hidden="true"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-undo" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M14 10C16.2091 10 18 11.7909 18 14C18 16.2091 16.2091 18 14 18H10V20H14.0364L14.188 19.9981C17.4131 19.9171 20 17.2611 20 14C20 10.7389 17.4131 8.08285 14.188 8.0019L8.5 8L12 4.5L10.5 3L4.5 9L10.5 15L12 13.5L8.5 10H14Z" fill="currentColor"></path></svg></div><span class="Button-module_label__a4np1 button_hds-button__label__2EQa-">Reset example</span></button></div></div></div></div></div></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-91" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-91)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
+</style></div></div></div></div></div><div class="playground-block-buttons"><button type="button" class="Button-module_button__1msFE button_hds-button__2A0je Button-module_secondary__1nABp button_hds-button--secondary__1NOWS Button-module_size-small__3lizH button_hds-button--small__2NFef"><span class="Button-module_label__a4np1 button_hds-button__label__2EQa-">Copy code</span></button><button type="button" class="Button-module_button__1msFE button_hds-button__2A0je Button-module_secondary__1nABp button_hds-button--secondary__1NOWS Button-module_size-small__3lizH button_hds-button--small__2NFef"><div class="Button-module_icon__O-h7R button_hds-icon__17j8Z" aria-hidden="true"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-undo" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M14 10C16.2091 10 18 11.7909 18 14C18 16.2091 16.2091 18 14 18H10V20H14.0364L14.188 19.9981C17.4131 19.9171 20 17.2611 20 14C20 10.7389 17.4131 8.08285 14.188 8.0019L8.5 8L12 4.5L10.5 3L4.5 9L10.5 15L12 13.5L8.5 10H14Z" fill="currentColor"></path></svg></div><span class="Button-module_label__a4np1 button_hds-button__label__2EQa-">Reset example</span></button></div></div></div></div></div></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-106" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-106)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
     window.dev = undefined
     if (window.dev === true || !(navigator.doNotTrack === '1' || window.doNotTrack === '1')) {
       window._paq = window._paq || [];
@@ -167,6 +167,6 @@ <h3 id="customisation-example" style="position:relative" class="page-heading-3 h
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/components/accordion/index.html b/docs/header-custom-theme-site/components/accordion/index.html
index f054674a2e..baa493aa47 100644
--- a/docs/header-custom-theme-site/components/accordion/index.html
+++ b/docs/header-custom-theme-site/components/accordion/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Accordion"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Accordion"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -57,7 +57,7 @@
 <p style="font-size:var(--fontsize-body-xl);color:var(--color-black-90);max-width:600px">Accordions can be used to hide and reveal information. When used correctly, they are a good way to make a higher amount of information easier to digest for the user.</p>
 <div class="Tabs-module_tabs__2Ww5F"><div class="Tabs-module_tablistBar__elMv9 page-tabs-list"><div class="Tabs-module_scrollButton__3ufhP" aria-hidden="true"><button type="button" tabindex="-1"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-left" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.5 12L15.5 17L14 18.5L7.5 12L14 5.5L15.5 7L10.5 12Z" fill="currentColor"></path></svg></button></div><div class="Tabs-module_tablist__1iuDO"><ul role="tablist" style="width:0px"><li role="tab" aria-selected="true" aria-controls="tab-0-panel" tabindex="0" id="tab-0-button" class="Tabs-module_tab__3oOoX Tabs-module_active__1Ic3B"><span>Usage</span></li><li role="tab" aria-selected="false" aria-controls="tab-1-panel" tabindex="-1" id="tab-1-button" class="Tabs-module_tab__3oOoX"><span>Code</span></li><li role="tab" aria-selected="false" aria-controls="tab-2-panel" tabindex="-1" id="tab-2-button" class="Tabs-module_tab__3oOoX"><span>Accessibility</span></li><li role="tab" aria-selected="false" aria-controls="tab-3-panel" tabindex="-1" id="tab-3-button" class="Tabs-module_tab__3oOoX"><span>Customisation</span></li></ul></div><div class="Tabs-module_scrollButton__3ufhP" aria-hidden="true"><button type="button" tabindex="-1"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-right" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.5 12L8.5 7L10 5.5L16.5 12L10 18.5L8.5 17L13.5 12Z" fill="currentColor"></path></svg></button></div></div><div id="tab-0-panel" role="tabpanel" aria-labelledby="tab-0-button"><h2 id="usage" style="position:relative" class="page-heading-2 heading-l">Usage<a href="#usage" aria-label="usage permalink" class="header-anchor after"><span><span class="hds-anchor-icon hds-icon hds-icon--link hds-icon--size-xs" aria-hidden="true" style="vertical-align: middle"></span></span></a></h2>
 <h3 id="example" style="position:relative" class="page-heading-3 heading-m">Example<a href="#example" aria-label="example permalink" class="header-anchor after"><span><span class="hds-anchor-icon hds-icon hds-icon--link hds-icon--size-xs" aria-hidden="true" style="vertical-align: middle"></span></span></a></h3>
-<div class="playground-block-preview playground-block-preview-light"><div class="Accordion-module_accordion__2fPUT Accordion-module_m__2k6QY" style="max-width:360px" id="accordion-92"><div class="Accordion-module_accordionHeader__3_uK7"><div role="heading" aria-level="2" id="accordion-92-heading"><div role="button" tabindex="0" class="Accordion-module_headingContainer__1DzX3" aria-labelledby="accordion-92-heading" aria-expanded="false"><span class="label">How to publish data?</span><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik Accordion-module_accordionButtonIcon__MQu2J" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-down" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 13.5L17 8.5L18.5 10L12 16.5L5.5 10L7 8.5L12 13.5Z" fill="currentColor"></path></svg></div></div></div><div style="display:none" id="accordion-92-content" role="region" class="Accordion-module_accordionContent__1umso Accordion-module_contentWithCloseButton__-einM" aria-labelledby="accordion-92-heading"><p>To publish your data, open your profile settings and click the button &#x27;Publish&#x27;.</p><button aria-label="Close How to publish data?" type="button" class="Button-module_button__1msFE button_hds-button__2A0je Button-module_supplementary__3YKiS button_hds-button--supplementary__GcHcV Button-module_theme-black__m8giY button_hds-button--theme-black__3K_k4 Button-module_size-small__3lizH button_hds-button--small__2NFef Accordion-module_closeButton__1Qt8U" data-testid="accordion-92-closeButton"><span class="Button-module_label__a4np1 button_hds-button__label__2EQa-">Close</span><div class="Button-module_icon__O-h7R button_hds-icon__17j8Z" aria-hidden="true"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_xs__3kAOj icon_hds-icon--size-xs__3dAMZ Accordion-module_accordionButtonIcon__MQu2J" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 11.5L17 16.5L18.5 15L12 8.5L5.5 15L7 16.5L12 11.5Z" fill="currentColor"></path></svg></div></button></div></div></div>
+<div class="playground-block-preview playground-block-preview-light"><div class="Accordion-module_accordion__2fPUT Accordion-module_m__2k6QY" style="max-width:360px" id="accordion-90"><div class="Accordion-module_accordionHeader__3_uK7"><div role="heading" aria-level="2" id="accordion-90-heading"><div role="button" tabindex="0" class="Accordion-module_headingContainer__1DzX3" aria-labelledby="accordion-90-heading" aria-expanded="false"><span class="label">How to publish data?</span><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik Accordion-module_accordionButtonIcon__MQu2J" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-down" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 13.5L17 8.5L18.5 10L12 16.5L5.5 10L7 8.5L12 13.5Z" fill="currentColor"></path></svg></div></div></div><div style="display:none" id="accordion-90-content" role="region" class="Accordion-module_accordionContent__1umso Accordion-module_contentWithCloseButton__-einM" aria-labelledby="accordion-90-heading"><p>To publish your data, open your profile settings and click the button &#x27;Publish&#x27;.</p><button aria-label="Close How to publish data?" type="button" class="Button-module_button__1msFE button_hds-button__2A0je Button-module_supplementary__3YKiS button_hds-button--supplementary__GcHcV Button-module_theme-black__m8giY button_hds-button--theme-black__3K_k4 Button-module_size-small__3lizH button_hds-button--small__2NFef Accordion-module_closeButton__1Qt8U" data-testid="accordion-90-closeButton"><span class="Button-module_label__a4np1 button_hds-button__label__2EQa-">Close</span><div class="Button-module_icon__O-h7R button_hds-icon__17j8Z" aria-hidden="true"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_xs__3kAOj icon_hds-icon--size-xs__3dAMZ Accordion-module_accordionButtonIcon__MQu2J" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 11.5L17 16.5L18.5 15L12 8.5L5.5 15L7 16.5L12 11.5Z" fill="currentColor"></path></svg></div></button></div></div></div>
 <h3 id="principles" style="position:relative" class="page-heading-3 heading-m">Principles<a href="#principles" aria-label="principles permalink" class="header-anchor after"><span><span class="hds-anchor-icon hds-icon hds-icon--link hds-icon--size-xs" aria-hidden="true" style="vertical-align: middle"></span></span></a></h3>
 <ul>
 <li>Use accordions to allow the user to quickly glance at the information and then choose to open sections that are interesting to them.</li>
@@ -90,24 +90,24 @@ <h3 id="variations" style="position:relative" class="page-heading-3 heading-m">V
 <h4 id="default" style="position:relative" class="page-heading-4 heading-s">Default<a href="#default" aria-label="default permalink" class="header-anchor after"><span><span class="hds-anchor-icon hds-icon hds-icon--link hds-icon--size-xs" aria-hidden="true" style="vertical-align: middle"></span></span></a></h4>
 <p>Basic HDS Accordions provide two different visuals to choose from. These implementations are easy to take into use if you do not need any special functionality or styling.</p>
 <p>This style is visually less distracting and it works well when there are multiple accordions one below another or nearby.</p>
-<div class="playground-block-preview playground-block-preview-light"><div class="Accordion-module_accordion__2fPUT Accordion-module_m__2k6QY" style="max-width:360px" id="accordion-93"><div class="Accordion-module_accordionHeader__3_uK7"><div role="heading" aria-level="2" id="accordion-93-heading"><div role="button" tabindex="0" class="Accordion-module_headingContainer__1DzX3" aria-labelledby="accordion-93-heading" aria-expanded="false"><span class="label">How to publish data?</span><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik Accordion-module_accordionButtonIcon__MQu2J" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-down" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 13.5L17 8.5L18.5 10L12 16.5L5.5 10L7 8.5L12 13.5Z" fill="currentColor"></path></svg></div></div></div><div style="display:none" id="accordion-93-content" role="region" class="Accordion-module_accordionContent__1umso Accordion-module_contentWithCloseButton__-einM" aria-labelledby="accordion-93-heading"><p>To publish your data, open your profile settings and click the button &#x27;Publish&#x27;.</p><button aria-label="Close How to publish data?" type="button" class="Button-module_button__1msFE button_hds-button__2A0je Button-module_supplementary__3YKiS button_hds-button--supplementary__GcHcV Button-module_theme-black__m8giY button_hds-button--theme-black__3K_k4 Button-module_size-small__3lizH button_hds-button--small__2NFef Accordion-module_closeButton__1Qt8U" data-testid="accordion-93-closeButton"><span class="Button-module_label__a4np1 button_hds-button__label__2EQa-">Close</span><div class="Button-module_icon__O-h7R button_hds-icon__17j8Z" aria-hidden="true"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_xs__3kAOj icon_hds-icon--size-xs__3dAMZ Accordion-module_accordionButtonIcon__MQu2J" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 11.5L17 16.5L18.5 15L12 8.5L5.5 15L7 16.5L12 11.5Z" fill="currentColor"></path></svg></div></button></div></div></div>
+<div class="playground-block-preview playground-block-preview-light"><div class="Accordion-module_accordion__2fPUT Accordion-module_m__2k6QY" style="max-width:360px" id="accordion-91"><div class="Accordion-module_accordionHeader__3_uK7"><div role="heading" aria-level="2" id="accordion-91-heading"><div role="button" tabindex="0" class="Accordion-module_headingContainer__1DzX3" aria-labelledby="accordion-91-heading" aria-expanded="false"><span class="label">How to publish data?</span><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik Accordion-module_accordionButtonIcon__MQu2J" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-down" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 13.5L17 8.5L18.5 10L12 16.5L5.5 10L7 8.5L12 13.5Z" fill="currentColor"></path></svg></div></div></div><div style="display:none" id="accordion-91-content" role="region" class="Accordion-module_accordionContent__1umso Accordion-module_contentWithCloseButton__-einM" aria-labelledby="accordion-91-heading"><p>To publish your data, open your profile settings and click the button &#x27;Publish&#x27;.</p><button aria-label="Close How to publish data?" type="button" class="Button-module_button__1msFE button_hds-button__2A0je Button-module_supplementary__3YKiS button_hds-button--supplementary__GcHcV Button-module_theme-black__m8giY button_hds-button--theme-black__3K_k4 Button-module_size-small__3lizH button_hds-button--small__2NFef Accordion-module_closeButton__1Qt8U" data-testid="accordion-91-closeButton"><span class="Button-module_label__a4np1 button_hds-button__label__2EQa-">Close</span><div class="Button-module_icon__O-h7R button_hds-icon__17j8Z" aria-hidden="true"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_xs__3kAOj icon_hds-icon--size-xs__3dAMZ Accordion-module_accordionButtonIcon__MQu2J" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 11.5L17 16.5L18.5 15L12 8.5L5.5 15L7 16.5L12 11.5Z" fill="currentColor"></path></svg></div></button></div></div></div>
 <h4 id="with-a-card" style="position:relative" class="page-heading-4 heading-s">With a card<a href="#with-a-card" aria-label="with a card permalink" class="header-anchor after"><span><span class="hds-anchor-icon hds-icon hds-icon--link hds-icon--size-xs" aria-hidden="true" style="vertical-align: middle"></span></span></a></h4>
 <p>You can also use HDS Cards as a container for your Accordions. Cards offer the same customizability options as default HDS Cards. To learn more about Cards and their customization, refer to <a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F" href="/hds-demo/header-custom-theme-site/components/card">HDS Card documentation.</a></p>
 <p>If you have multiple accordions one below another or many accordions in the same view, consider using the visually more light <a href="#default">default styling variant</a> instead of this one. If stacking Accordions in a Card with borders, use the same sized variant for all and remove the top borders after the 1st Accordion as in <a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F" href="/hds-demo/header-custom-theme-site/components/accordion/code#stacked-accordions">stacked Accordions example</a>.</p>
-<div class="playground-block-preview playground-block-preview-light"><div class="Accordion-module_accordion__2fPUT Accordion-module_card__1iRKx Accordion-module_border__2AgQd Accordion-module_m__2k6QY" style="max-width:360px" id="accordion-94"><div class="Accordion-module_accordionHeader__3_uK7"><div role="heading" aria-level="2" id="accordion-94-heading"><div role="button" tabindex="0" class="Accordion-module_headingContainer__1DzX3" aria-labelledby="accordion-94-heading" aria-expanded="false"><span class="label">How to publish data?</span><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik Accordion-module_accordionButtonIcon__MQu2J" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-down" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 13.5L17 8.5L18.5 10L12 16.5L5.5 10L7 8.5L12 13.5Z" fill="currentColor"></path></svg></div></div></div><div style="display:none" id="accordion-94-content" role="region" class="Accordion-module_accordionContent__1umso Accordion-module_card__1iRKx Accordion-module_contentWithCloseButton__-einM" aria-labelledby="accordion-94-heading"><p>To publish your data, open your profile settings and click the button &#x27;Publish&#x27;.</p><button aria-label="Close How to publish data?" type="button" class="Button-module_button__1msFE button_hds-button__2A0je Button-module_supplementary__3YKiS button_hds-button--supplementary__GcHcV Button-module_theme-black__m8giY button_hds-button--theme-black__3K_k4 Button-module_size-small__3lizH button_hds-button--small__2NFef Accordion-module_closeButton__1Qt8U" data-testid="accordion-94-closeButton"><span class="Button-module_label__a4np1 button_hds-button__label__2EQa-">Close</span><div class="Button-module_icon__O-h7R button_hds-icon__17j8Z" aria-hidden="true"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_xs__3kAOj icon_hds-icon--size-xs__3dAMZ Accordion-module_accordionButtonIcon__MQu2J" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 11.5L17 16.5L18.5 15L12 8.5L5.5 15L7 16.5L12 11.5Z" fill="currentColor"></path></svg></div></button></div></div></div>
+<div class="playground-block-preview playground-block-preview-light"><div class="Accordion-module_accordion__2fPUT Accordion-module_card__1iRKx Accordion-module_border__2AgQd Accordion-module_m__2k6QY" style="max-width:360px" id="accordion-92"><div class="Accordion-module_accordionHeader__3_uK7"><div role="heading" aria-level="2" id="accordion-92-heading"><div role="button" tabindex="0" class="Accordion-module_headingContainer__1DzX3" aria-labelledby="accordion-92-heading" aria-expanded="false"><span class="label">How to publish data?</span><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik Accordion-module_accordionButtonIcon__MQu2J" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-down" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 13.5L17 8.5L18.5 10L12 16.5L5.5 10L7 8.5L12 13.5Z" fill="currentColor"></path></svg></div></div></div><div style="display:none" id="accordion-92-content" role="region" class="Accordion-module_accordionContent__1umso Accordion-module_card__1iRKx Accordion-module_contentWithCloseButton__-einM" aria-labelledby="accordion-92-heading"><p>To publish your data, open your profile settings and click the button &#x27;Publish&#x27;.</p><button aria-label="Close How to publish data?" type="button" class="Button-module_button__1msFE button_hds-button__2A0je Button-module_supplementary__3YKiS button_hds-button--supplementary__GcHcV Button-module_theme-black__m8giY button_hds-button--theme-black__3K_k4 Button-module_size-small__3lizH button_hds-button--small__2NFef Accordion-module_closeButton__1Qt8U" data-testid="accordion-92-closeButton"><span class="Button-module_label__a4np1 button_hds-button__label__2EQa-">Close</span><div class="Button-module_icon__O-h7R button_hds-icon__17j8Z" aria-hidden="true"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_xs__3kAOj icon_hds-icon--size-xs__3dAMZ Accordion-module_accordionButtonIcon__MQu2J" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 11.5L17 16.5L18.5 15L12 8.5L5.5 15L7 16.5L12 11.5Z" fill="currentColor"></path></svg></div></button></div></div></div>
 <h4 id="with-the-close-button-hidden" style="position:relative" class="page-heading-4 heading-s">With the close button hidden<a href="#with-the-close-button-hidden" aria-label="with the close button hidden permalink" class="header-anchor after"><span><span class="hds-anchor-icon hds-icon hds-icon--link hds-icon--size-xs" aria-hidden="true" style="vertical-align: middle"></span></span></a></h4>
 <p>In accordions that have very little content the close button does not offer much utility to the user. In these cases the button can be hidden with the <code>closeButton</code> property.</p>
-<div class="playground-block-preview playground-block-preview-light"><div class="Accordion-module_accordion__2fPUT Accordion-module_m__2k6QY" style="max-width:360px" id="accordion-95"><div class="Accordion-module_accordionHeader__3_uK7"><div role="heading" aria-level="2" id="accordion-95-heading"><div role="button" tabindex="0" class="Accordion-module_headingContainer__1DzX3" aria-labelledby="accordion-95-heading" aria-expanded="false"><span class="label">How to publish data?</span><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik Accordion-module_accordionButtonIcon__MQu2J" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-down" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 13.5L17 8.5L18.5 10L12 16.5L5.5 10L7 8.5L12 13.5Z" fill="currentColor"></path></svg></div></div></div><div style="display:none" id="accordion-95-content" role="region" class="Accordion-module_accordionContent__1umso Accordion-module_contentWithCloseButton__-einM" aria-labelledby="accordion-95-heading"><p>To publish your data, open your profile settings and click the button &#x27;Publish&#x27;.</p><button aria-label="Close How to publish data?" type="button" class="Button-module_button__1msFE button_hds-button__2A0je Button-module_supplementary__3YKiS button_hds-button--supplementary__GcHcV Button-module_theme-black__m8giY button_hds-button--theme-black__3K_k4 Button-module_size-small__3lizH button_hds-button--small__2NFef Accordion-module_closeButton__1Qt8U" data-testid="accordion-95-closeButton"><span class="Button-module_label__a4np1 button_hds-button__label__2EQa-">Close</span><div class="Button-module_icon__O-h7R button_hds-icon__17j8Z" aria-hidden="true"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_xs__3kAOj icon_hds-icon--size-xs__3dAMZ Accordion-module_accordionButtonIcon__MQu2J" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 11.5L17 16.5L18.5 15L12 8.5L5.5 15L7 16.5L12 11.5Z" fill="currentColor"></path></svg></div></button></div></div></div>
+<div class="playground-block-preview playground-block-preview-light"><div class="Accordion-module_accordion__2fPUT Accordion-module_m__2k6QY" style="max-width:360px" id="accordion-93"><div class="Accordion-module_accordionHeader__3_uK7"><div role="heading" aria-level="2" id="accordion-93-heading"><div role="button" tabindex="0" class="Accordion-module_headingContainer__1DzX3" aria-labelledby="accordion-93-heading" aria-expanded="false"><span class="label">How to publish data?</span><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik Accordion-module_accordionButtonIcon__MQu2J" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-down" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 13.5L17 8.5L18.5 10L12 16.5L5.5 10L7 8.5L12 13.5Z" fill="currentColor"></path></svg></div></div></div><div style="display:none" id="accordion-93-content" role="region" class="Accordion-module_accordionContent__1umso Accordion-module_contentWithCloseButton__-einM" aria-labelledby="accordion-93-heading"><p>To publish your data, open your profile settings and click the button &#x27;Publish&#x27;.</p><button aria-label="Close How to publish data?" type="button" class="Button-module_button__1msFE button_hds-button__2A0je Button-module_supplementary__3YKiS button_hds-button--supplementary__GcHcV Button-module_theme-black__m8giY button_hds-button--theme-black__3K_k4 Button-module_size-small__3lizH button_hds-button--small__2NFef Accordion-module_closeButton__1Qt8U" data-testid="accordion-93-closeButton"><span class="Button-module_label__a4np1 button_hds-button__label__2EQa-">Close</span><div class="Button-module_icon__O-h7R button_hds-icon__17j8Z" aria-hidden="true"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_xs__3kAOj icon_hds-icon--size-xs__3dAMZ Accordion-module_accordionButtonIcon__MQu2J" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 11.5L17 16.5L18.5 15L12 8.5L5.5 15L7 16.5L12 11.5Z" fill="currentColor"></path></svg></div></button></div></div></div>
 <h4 id="accordion-size-variants" style="position:relative" class="page-heading-4 heading-s">Accordion size variants<a href="#accordion-size-variants" aria-label="accordion size variants permalink" class="header-anchor after"><span><span class="hds-anchor-icon hds-icon hds-icon--link hds-icon--size-xs" aria-hidden="true" style="vertical-align: middle"></span></span></a></h4>
 <p>HDS Accordion includes three (3) size variants; small, default, and large. You can use different sizes depending on the screen size or use case. Use the <code>size</code> property to alter the size.</p>
-<div class="playground-block-preview playground-block-preview-light"><div class="Accordion-module_accordion__2fPUT Accordion-module_card__1iRKx Accordion-module_border__2AgQd Accordion-module_s__8gw4g" style="max-width:360px" id="accordion-96"><div class="Accordion-module_accordionHeader__3_uK7"><div role="heading" aria-level="2" id="accordion-96-heading"><div role="button" tabindex="0" class="Accordion-module_headingContainer__1DzX3" aria-labelledby="accordion-96-heading" aria-expanded="false"><span class="label">How to publish data?</span><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik Accordion-module_accordionButtonIcon__MQu2J" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-down" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 13.5L17 8.5L18.5 10L12 16.5L5.5 10L7 8.5L12 13.5Z" fill="currentColor"></path></svg></div></div></div><div style="display:none" id="accordion-96-content" role="region" class="Accordion-module_accordionContent__1umso Accordion-module_card__1iRKx Accordion-module_contentWithCloseButton__-einM" aria-labelledby="accordion-96-heading"><p>To publish your data, open your profile settings and click the button &#x27;Publish&#x27;.</p><button aria-label="Close How to publish data?" type="button" class="Button-module_button__1msFE button_hds-button__2A0je Button-module_supplementary__3YKiS button_hds-button--supplementary__GcHcV Button-module_theme-black__m8giY button_hds-button--theme-black__3K_k4 Button-module_size-small__3lizH button_hds-button--small__2NFef Accordion-module_closeButton__1Qt8U" data-testid="accordion-96-closeButton"><span class="Button-module_label__a4np1 button_hds-button__label__2EQa-">Close</span><div class="Button-module_icon__O-h7R button_hds-icon__17j8Z" aria-hidden="true"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_xs__3kAOj icon_hds-icon--size-xs__3dAMZ Accordion-module_accordionButtonIcon__MQu2J" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 11.5L17 16.5L18.5 15L12 8.5L5.5 15L7 16.5L12 11.5Z" fill="currentColor"></path></svg></div></button></div></div><div class="Accordion-module_accordion__2fPUT Accordion-module_card__1iRKx Accordion-module_border__2AgQd Accordion-module_m__2k6QY" style="max-width:360px;margin-top:var(--spacing-s)" id="accordion-97"><div class="Accordion-module_accordionHeader__3_uK7"><div role="heading" aria-level="2" id="accordion-97-heading"><div role="button" tabindex="0" class="Accordion-module_headingContainer__1DzX3" aria-labelledby="accordion-97-heading" aria-expanded="false"><span class="label">How to publish data?</span><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik Accordion-module_accordionButtonIcon__MQu2J" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-down" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 13.5L17 8.5L18.5 10L12 16.5L5.5 10L7 8.5L12 13.5Z" fill="currentColor"></path></svg></div></div></div><div style="display:none" id="accordion-97-content" role="region" class="Accordion-module_accordionContent__1umso Accordion-module_card__1iRKx Accordion-module_contentWithCloseButton__-einM" aria-labelledby="accordion-97-heading"><p>To publish your data, open your profile settings and click the button &#x27;Publish&#x27;.</p><button aria-label="Close How to publish data?" type="button" class="Button-module_button__1msFE button_hds-button__2A0je Button-module_supplementary__3YKiS button_hds-button--supplementary__GcHcV Button-module_theme-black__m8giY button_hds-button--theme-black__3K_k4 Button-module_size-small__3lizH button_hds-button--small__2NFef Accordion-module_closeButton__1Qt8U" data-testid="accordion-97-closeButton"><span class="Button-module_label__a4np1 button_hds-button__label__2EQa-">Close</span><div class="Button-module_icon__O-h7R button_hds-icon__17j8Z" aria-hidden="true"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_xs__3kAOj icon_hds-icon--size-xs__3dAMZ Accordion-module_accordionButtonIcon__MQu2J" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 11.5L17 16.5L18.5 15L12 8.5L5.5 15L7 16.5L12 11.5Z" fill="currentColor"></path></svg></div></button></div></div><div class="Accordion-module_accordion__2fPUT Accordion-module_card__1iRKx Accordion-module_border__2AgQd Accordion-module_l__gPzdT" style="max-width:360px;margin-top:var(--spacing-s)" id="accordion-98"><div class="Accordion-module_accordionHeader__3_uK7"><div role="heading" aria-level="2" id="accordion-98-heading"><div role="button" tabindex="0" class="Accordion-module_headingContainer__1DzX3" aria-labelledby="accordion-98-heading" aria-expanded="false"><span class="label">How to publish data?</span><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik Accordion-module_accordionButtonIcon__MQu2J" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-down" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 13.5L17 8.5L18.5 10L12 16.5L5.5 10L7 8.5L12 13.5Z" fill="currentColor"></path></svg></div></div></div><div style="display:none" id="accordion-98-content" role="region" class="Accordion-module_accordionContent__1umso Accordion-module_card__1iRKx Accordion-module_contentWithCloseButton__-einM" aria-labelledby="accordion-98-heading"><p>To publish your data, open your profile settings and click the button &#x27;Publish&#x27;.</p><button aria-label="Close How to publish data?" type="button" class="Button-module_button__1msFE button_hds-button__2A0je Button-module_supplementary__3YKiS button_hds-button--supplementary__GcHcV Button-module_theme-black__m8giY button_hds-button--theme-black__3K_k4 Button-module_size-small__3lizH button_hds-button--small__2NFef Accordion-module_closeButton__1Qt8U" data-testid="accordion-98-closeButton"><span class="Button-module_label__a4np1 button_hds-button__label__2EQa-">Close</span><div class="Button-module_icon__O-h7R button_hds-icon__17j8Z" aria-hidden="true"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_xs__3kAOj icon_hds-icon--size-xs__3dAMZ Accordion-module_accordionButtonIcon__MQu2J" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 11.5L17 16.5L18.5 15L12 8.5L5.5 15L7 16.5L12 11.5Z" fill="currentColor"></path></svg></div></button></div></div></div>
+<div class="playground-block-preview playground-block-preview-light"><div class="Accordion-module_accordion__2fPUT Accordion-module_card__1iRKx Accordion-module_border__2AgQd Accordion-module_s__8gw4g" style="max-width:360px" id="accordion-94"><div class="Accordion-module_accordionHeader__3_uK7"><div role="heading" aria-level="2" id="accordion-94-heading"><div role="button" tabindex="0" class="Accordion-module_headingContainer__1DzX3" aria-labelledby="accordion-94-heading" aria-expanded="false"><span class="label">How to publish data?</span><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik Accordion-module_accordionButtonIcon__MQu2J" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-down" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 13.5L17 8.5L18.5 10L12 16.5L5.5 10L7 8.5L12 13.5Z" fill="currentColor"></path></svg></div></div></div><div style="display:none" id="accordion-94-content" role="region" class="Accordion-module_accordionContent__1umso Accordion-module_card__1iRKx Accordion-module_contentWithCloseButton__-einM" aria-labelledby="accordion-94-heading"><p>To publish your data, open your profile settings and click the button &#x27;Publish&#x27;.</p><button aria-label="Close How to publish data?" type="button" class="Button-module_button__1msFE button_hds-button__2A0je Button-module_supplementary__3YKiS button_hds-button--supplementary__GcHcV Button-module_theme-black__m8giY button_hds-button--theme-black__3K_k4 Button-module_size-small__3lizH button_hds-button--small__2NFef Accordion-module_closeButton__1Qt8U" data-testid="accordion-94-closeButton"><span class="Button-module_label__a4np1 button_hds-button__label__2EQa-">Close</span><div class="Button-module_icon__O-h7R button_hds-icon__17j8Z" aria-hidden="true"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_xs__3kAOj icon_hds-icon--size-xs__3dAMZ Accordion-module_accordionButtonIcon__MQu2J" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 11.5L17 16.5L18.5 15L12 8.5L5.5 15L7 16.5L12 11.5Z" fill="currentColor"></path></svg></div></button></div></div><div class="Accordion-module_accordion__2fPUT Accordion-module_card__1iRKx Accordion-module_border__2AgQd Accordion-module_m__2k6QY" style="max-width:360px;margin-top:var(--spacing-s)" id="accordion-95"><div class="Accordion-module_accordionHeader__3_uK7"><div role="heading" aria-level="2" id="accordion-95-heading"><div role="button" tabindex="0" class="Accordion-module_headingContainer__1DzX3" aria-labelledby="accordion-95-heading" aria-expanded="false"><span class="label">How to publish data?</span><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik Accordion-module_accordionButtonIcon__MQu2J" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-down" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 13.5L17 8.5L18.5 10L12 16.5L5.5 10L7 8.5L12 13.5Z" fill="currentColor"></path></svg></div></div></div><div style="display:none" id="accordion-95-content" role="region" class="Accordion-module_accordionContent__1umso Accordion-module_card__1iRKx Accordion-module_contentWithCloseButton__-einM" aria-labelledby="accordion-95-heading"><p>To publish your data, open your profile settings and click the button &#x27;Publish&#x27;.</p><button aria-label="Close How to publish data?" type="button" class="Button-module_button__1msFE button_hds-button__2A0je Button-module_supplementary__3YKiS button_hds-button--supplementary__GcHcV Button-module_theme-black__m8giY button_hds-button--theme-black__3K_k4 Button-module_size-small__3lizH button_hds-button--small__2NFef Accordion-module_closeButton__1Qt8U" data-testid="accordion-95-closeButton"><span class="Button-module_label__a4np1 button_hds-button__label__2EQa-">Close</span><div class="Button-module_icon__O-h7R button_hds-icon__17j8Z" aria-hidden="true"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_xs__3kAOj icon_hds-icon--size-xs__3dAMZ Accordion-module_accordionButtonIcon__MQu2J" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 11.5L17 16.5L18.5 15L12 8.5L5.5 15L7 16.5L12 11.5Z" fill="currentColor"></path></svg></div></button></div></div><div class="Accordion-module_accordion__2fPUT Accordion-module_card__1iRKx Accordion-module_border__2AgQd Accordion-module_l__gPzdT" style="max-width:360px;margin-top:var(--spacing-s)" id="accordion-96"><div class="Accordion-module_accordionHeader__3_uK7"><div role="heading" aria-level="2" id="accordion-96-heading"><div role="button" tabindex="0" class="Accordion-module_headingContainer__1DzX3" aria-labelledby="accordion-96-heading" aria-expanded="false"><span class="label">How to publish data?</span><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik Accordion-module_accordionButtonIcon__MQu2J" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-down" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 13.5L17 8.5L18.5 10L12 16.5L5.5 10L7 8.5L12 13.5Z" fill="currentColor"></path></svg></div></div></div><div style="display:none" id="accordion-96-content" role="region" class="Accordion-module_accordionContent__1umso Accordion-module_card__1iRKx Accordion-module_contentWithCloseButton__-einM" aria-labelledby="accordion-96-heading"><p>To publish your data, open your profile settings and click the button &#x27;Publish&#x27;.</p><button aria-label="Close How to publish data?" type="button" class="Button-module_button__1msFE button_hds-button__2A0je Button-module_supplementary__3YKiS button_hds-button--supplementary__GcHcV Button-module_theme-black__m8giY button_hds-button--theme-black__3K_k4 Button-module_size-small__3lizH button_hds-button--small__2NFef Accordion-module_closeButton__1Qt8U" data-testid="accordion-96-closeButton"><span class="Button-module_label__a4np1 button_hds-button__label__2EQa-">Close</span><div class="Button-module_icon__O-h7R button_hds-icon__17j8Z" aria-hidden="true"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_xs__3kAOj icon_hds-icon--size-xs__3dAMZ Accordion-module_accordionButtonIcon__MQu2J" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 11.5L17 16.5L18.5 15L12 8.5L5.5 15L7 16.5L12 11.5Z" fill="currentColor"></path></svg></div></button></div></div></div>
 <h4 id="accordions-heading-elements-and-headinglevel-property" style="position:relative" class="page-heading-4 heading-s">Accordions, heading elements and <code>headingLevel</code>-property<a href="#accordions-heading-elements-and-headinglevel-property" aria-label="accordions heading elements and headinglevel property permalink" class="header-anchor after"><span><span class="hds-anchor-icon hds-icon hds-icon--link hds-icon--size-xs" aria-hidden="true" style="vertical-align: middle"></span></span></a></h4>
 <p>When using multiple Accordions as a group with a shared header or the page content has a header preceding the Accordion(s), keep in mind the basics of using the header elements, h1 being the most important header on the page down to h6 being the least important and give the Accordion the proper <code>headingLevel</code> according to its position.</p>
-<div class="playground-block-preview playground-block-preview-light"><h5>Header element for the content in which the following Accordions are nested in. (Here this is an h5 element)</h5><div class="Accordion-module_accordion__2fPUT Accordion-module_card__1iRKx Accordion-module_border__2AgQd Accordion-module_s__8gw4g" style="max-width:360px" id="accordion-99"><div class="Accordion-module_accordionHeader__3_uK7"><div role="heading" aria-level="6" id="accordion-99-heading"><div role="button" tabindex="0" class="Accordion-module_headingContainer__1DzX3" aria-labelledby="accordion-99-heading" aria-expanded="false"><span class="label">headingLevel 6</span><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik Accordion-module_accordionButtonIcon__MQu2J" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-down" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 13.5L17 8.5L18.5 10L12 16.5L5.5 10L7 8.5L12 13.5Z" fill="currentColor"></path></svg></div></div></div><div style="display:none" id="accordion-99-content" role="region" class="Accordion-module_accordionContent__1umso Accordion-module_card__1iRKx Accordion-module_contentWithCloseButton__-einM" aria-labelledby="accordion-99-heading"><p>This is an Accordion with headingLevel 6</p><button aria-label="Close headingLevel 6" type="button" class="Button-module_button__1msFE button_hds-button__2A0je Button-module_supplementary__3YKiS button_hds-button--supplementary__GcHcV Button-module_theme-black__m8giY button_hds-button--theme-black__3K_k4 Button-module_size-small__3lizH button_hds-button--small__2NFef Accordion-module_closeButton__1Qt8U" data-testid="accordion-99-closeButton"><span class="Button-module_label__a4np1 button_hds-button__label__2EQa-">Close</span><div class="Button-module_icon__O-h7R button_hds-icon__17j8Z" aria-hidden="true"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_xs__3kAOj icon_hds-icon--size-xs__3dAMZ Accordion-module_accordionButtonIcon__MQu2J" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 11.5L17 16.5L18.5 15L12 8.5L5.5 15L7 16.5L12 11.5Z" fill="currentColor"></path></svg></div></button></div></div><div class="Accordion-module_accordion__2fPUT Accordion-module_card__1iRKx Accordion-module_border__2AgQd Accordion-module_s__8gw4g" style="max-width:360px;margin-top:0;border-top:0" id="accordion-100"><div class="Accordion-module_accordionHeader__3_uK7"><div role="heading" aria-level="6" id="accordion-100-heading"><div role="button" tabindex="0" class="Accordion-module_headingContainer__1DzX3" aria-labelledby="accordion-100-heading" aria-expanded="false"><span class="label">headingLevel 6</span><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik Accordion-module_accordionButtonIcon__MQu2J" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-down" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 13.5L17 8.5L18.5 10L12 16.5L5.5 10L7 8.5L12 13.5Z" fill="currentColor"></path></svg></div></div></div><div style="display:none" id="accordion-100-content" role="region" class="Accordion-module_accordionContent__1umso Accordion-module_card__1iRKx Accordion-module_contentWithCloseButton__-einM" aria-labelledby="accordion-100-heading"><p>This is an Accordion with headingLevel 6</p><button aria-label="Close headingLevel 6" type="button" class="Button-module_button__1msFE button_hds-button__2A0je Button-module_supplementary__3YKiS button_hds-button--supplementary__GcHcV Button-module_theme-black__m8giY button_hds-button--theme-black__3K_k4 Button-module_size-small__3lizH button_hds-button--small__2NFef Accordion-module_closeButton__1Qt8U" data-testid="accordion-100-closeButton"><span class="Button-module_label__a4np1 button_hds-button__label__2EQa-">Close</span><div class="Button-module_icon__O-h7R button_hds-icon__17j8Z" aria-hidden="true"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_xs__3kAOj icon_hds-icon--size-xs__3dAMZ Accordion-module_accordionButtonIcon__MQu2J" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 11.5L17 16.5L18.5 15L12 8.5L5.5 15L7 16.5L12 11.5Z" fill="currentColor"></path></svg></div></button></div></div><div class="Accordion-module_accordion__2fPUT Accordion-module_card__1iRKx Accordion-module_border__2AgQd Accordion-module_s__8gw4g" style="max-width:360px;margin-top:0;border-top:0" id="accordion-101"><div class="Accordion-module_accordionHeader__3_uK7"><div role="heading" aria-level="6" id="accordion-101-heading"><div role="button" tabindex="0" class="Accordion-module_headingContainer__1DzX3" aria-labelledby="accordion-101-heading" aria-expanded="false"><span class="label">headingLevel 6</span><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik Accordion-module_accordionButtonIcon__MQu2J" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-down" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 13.5L17 8.5L18.5 10L12 16.5L5.5 10L7 8.5L12 13.5Z" fill="currentColor"></path></svg></div></div></div><div style="display:none" id="accordion-101-content" role="region" class="Accordion-module_accordionContent__1umso Accordion-module_card__1iRKx Accordion-module_contentWithCloseButton__-einM" aria-labelledby="accordion-101-heading"><p>This is an Accordion with headingLevel 6</p><button aria-label="Close headingLevel 6" type="button" class="Button-module_button__1msFE button_hds-button__2A0je Button-module_supplementary__3YKiS button_hds-button--supplementary__GcHcV Button-module_theme-black__m8giY button_hds-button--theme-black__3K_k4 Button-module_size-small__3lizH button_hds-button--small__2NFef Accordion-module_closeButton__1Qt8U" data-testid="accordion-101-closeButton"><span class="Button-module_label__a4np1 button_hds-button__label__2EQa-">Close</span><div class="Button-module_icon__O-h7R button_hds-icon__17j8Z" aria-hidden="true"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_xs__3kAOj icon_hds-icon--size-xs__3dAMZ Accordion-module_accordionButtonIcon__MQu2J" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 11.5L17 16.5L18.5 15L12 8.5L5.5 15L7 16.5L12 11.5Z" fill="currentColor"></path></svg></div></button></div></div></div>
+<div class="playground-block-preview playground-block-preview-light"><h5>Header element for the content in which the following Accordions are nested in. (Here this is an h5 element)</h5><div class="Accordion-module_accordion__2fPUT Accordion-module_card__1iRKx Accordion-module_border__2AgQd Accordion-module_s__8gw4g" style="max-width:360px" id="accordion-97"><div class="Accordion-module_accordionHeader__3_uK7"><div role="heading" aria-level="6" id="accordion-97-heading"><div role="button" tabindex="0" class="Accordion-module_headingContainer__1DzX3" aria-labelledby="accordion-97-heading" aria-expanded="false"><span class="label">headingLevel 6</span><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik Accordion-module_accordionButtonIcon__MQu2J" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-down" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 13.5L17 8.5L18.5 10L12 16.5L5.5 10L7 8.5L12 13.5Z" fill="currentColor"></path></svg></div></div></div><div style="display:none" id="accordion-97-content" role="region" class="Accordion-module_accordionContent__1umso Accordion-module_card__1iRKx Accordion-module_contentWithCloseButton__-einM" aria-labelledby="accordion-97-heading"><p>This is an Accordion with headingLevel 6</p><button aria-label="Close headingLevel 6" type="button" class="Button-module_button__1msFE button_hds-button__2A0je Button-module_supplementary__3YKiS button_hds-button--supplementary__GcHcV Button-module_theme-black__m8giY button_hds-button--theme-black__3K_k4 Button-module_size-small__3lizH button_hds-button--small__2NFef Accordion-module_closeButton__1Qt8U" data-testid="accordion-97-closeButton"><span class="Button-module_label__a4np1 button_hds-button__label__2EQa-">Close</span><div class="Button-module_icon__O-h7R button_hds-icon__17j8Z" aria-hidden="true"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_xs__3kAOj icon_hds-icon--size-xs__3dAMZ Accordion-module_accordionButtonIcon__MQu2J" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 11.5L17 16.5L18.5 15L12 8.5L5.5 15L7 16.5L12 11.5Z" fill="currentColor"></path></svg></div></button></div></div><div class="Accordion-module_accordion__2fPUT Accordion-module_card__1iRKx Accordion-module_border__2AgQd Accordion-module_s__8gw4g" style="max-width:360px;margin-top:0;border-top:0" id="accordion-98"><div class="Accordion-module_accordionHeader__3_uK7"><div role="heading" aria-level="6" id="accordion-98-heading"><div role="button" tabindex="0" class="Accordion-module_headingContainer__1DzX3" aria-labelledby="accordion-98-heading" aria-expanded="false"><span class="label">headingLevel 6</span><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik Accordion-module_accordionButtonIcon__MQu2J" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-down" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 13.5L17 8.5L18.5 10L12 16.5L5.5 10L7 8.5L12 13.5Z" fill="currentColor"></path></svg></div></div></div><div style="display:none" id="accordion-98-content" role="region" class="Accordion-module_accordionContent__1umso Accordion-module_card__1iRKx Accordion-module_contentWithCloseButton__-einM" aria-labelledby="accordion-98-heading"><p>This is an Accordion with headingLevel 6</p><button aria-label="Close headingLevel 6" type="button" class="Button-module_button__1msFE button_hds-button__2A0je Button-module_supplementary__3YKiS button_hds-button--supplementary__GcHcV Button-module_theme-black__m8giY button_hds-button--theme-black__3K_k4 Button-module_size-small__3lizH button_hds-button--small__2NFef Accordion-module_closeButton__1Qt8U" data-testid="accordion-98-closeButton"><span class="Button-module_label__a4np1 button_hds-button__label__2EQa-">Close</span><div class="Button-module_icon__O-h7R button_hds-icon__17j8Z" aria-hidden="true"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_xs__3kAOj icon_hds-icon--size-xs__3dAMZ Accordion-module_accordionButtonIcon__MQu2J" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 11.5L17 16.5L18.5 15L12 8.5L5.5 15L7 16.5L12 11.5Z" fill="currentColor"></path></svg></div></button></div></div><div class="Accordion-module_accordion__2fPUT Accordion-module_card__1iRKx Accordion-module_border__2AgQd Accordion-module_s__8gw4g" style="max-width:360px;margin-top:0;border-top:0" id="accordion-99"><div class="Accordion-module_accordionHeader__3_uK7"><div role="heading" aria-level="6" id="accordion-99-heading"><div role="button" tabindex="0" class="Accordion-module_headingContainer__1DzX3" aria-labelledby="accordion-99-heading" aria-expanded="false"><span class="label">headingLevel 6</span><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik Accordion-module_accordionButtonIcon__MQu2J" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-down" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 13.5L17 8.5L18.5 10L12 16.5L5.5 10L7 8.5L12 13.5Z" fill="currentColor"></path></svg></div></div></div><div style="display:none" id="accordion-99-content" role="region" class="Accordion-module_accordionContent__1umso Accordion-module_card__1iRKx Accordion-module_contentWithCloseButton__-einM" aria-labelledby="accordion-99-heading"><p>This is an Accordion with headingLevel 6</p><button aria-label="Close headingLevel 6" type="button" class="Button-module_button__1msFE button_hds-button__2A0je Button-module_supplementary__3YKiS button_hds-button--supplementary__GcHcV Button-module_theme-black__m8giY button_hds-button--theme-black__3K_k4 Button-module_size-small__3lizH button_hds-button--small__2NFef Accordion-module_closeButton__1Qt8U" data-testid="accordion-99-closeButton"><span class="Button-module_label__a4np1 button_hds-button__label__2EQa-">Close</span><div class="Button-module_icon__O-h7R button_hds-icon__17j8Z" aria-hidden="true"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_xs__3kAOj icon_hds-icon--size-xs__3dAMZ Accordion-module_accordionButtonIcon__MQu2J" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 11.5L17 16.5L18.5 15L12 8.5L5.5 15L7 16.5L12 11.5Z" fill="currentColor"></path></svg></div></button></div></div></div>
 <h4 id="custom-accordion" style="position:relative" class="page-heading-4 heading-s">Custom accordion<a href="#custom-accordion" aria-label="custom accordion permalink" class="header-anchor after"><span><span class="hds-anchor-icon hds-icon hds-icon--link hds-icon--size-xs" aria-hidden="true" style="vertical-align: middle"></span></span></a></h4>
 <p>If the basic accordion components do not fit your needs, you can build a custom accordion by using HDS provided accordion elements.</p>
 <!-- -->
-<div class="playground-block-preview playground-block-preview-light"><button type="button" class="Button-module_button__1msFE button_hds-button__2A0je Button-module_primary__2LfKB button_hds-button--primary__2NVvO" aria-expanded="false"><div class="Button-module_icon__O-h7R button_hds-icon__17j8Z" aria-hidden="true"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-down" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 13.5L17 8.5L18.5 10L12 16.5L5.5 10L7 8.5L12 13.5Z" fill="currentColor"></path></svg></div><span class="Button-module_label__a4np1 button_hds-button__label__2EQa-">Advanced filters</span></button><div class="Card-module_card__1WbKx card_hds-card--border__c2dBc" role="region" aria-label="Advanced filters" style="display:none"><div class="Select-module_root__Ka5uO Select-module_multiselect__fxewG" style="max-width:360px"><label id="hds-select-102-label" for="hds-select-102-toggle-button" class="FieldLabel-module_label__1zrXK ">Filter by event category</label><div class="Select-module_wrapper__1WQXs"><button type="button" id="hds-select-102-toggle-button" aria-haspopup="listbox" aria-expanded="false" aria-labelledby="hds-select-102-label hds-select-102-toggle-button" aria-owns="hds-select-102-menu" class="Select-module_button__1aIsm Select-module_placeholder__21c0j"><span class="Select-module_buttonLabel__1fqu5">No selected categories</span><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik Select-module_angleIcon__2-9AD" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-down" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 13.5L17 8.5L18.5 10L12 16.5L5.5 10L7 8.5L12 13.5Z" fill="currentColor"></path></svg></button><ul id="hds-select-102-menu" role="listbox" aria-labelledby="hds-select-102-label" tabindex="-1" aria-multiselectable="true" style="max-height:260px" class="Select-module_menu__1H2aU"></ul></div></div><div class="Select-module_root__Ka5uO Select-module_multiselect__fxewG" style="max-width:360px;margin-top:var(--spacing-s)"><label id="hds-select-103-label" for="hds-select-103-toggle-button" class="FieldLabel-module_label__1zrXK ">Filter by event location</label><div class="Select-module_wrapper__1WQXs"><button type="button" id="hds-select-103-toggle-button" aria-haspopup="listbox" aria-expanded="false" aria-labelledby="hds-select-103-label hds-select-103-toggle-button" aria-owns="hds-select-103-menu" class="Select-module_button__1aIsm Select-module_placeholder__21c0j"><span class="Select-module_buttonLabel__1fqu5">No selected locations</span><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik Select-module_angleIcon__2-9AD" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-down" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 13.5L17 8.5L18.5 10L12 16.5L5.5 10L7 8.5L12 13.5Z" fill="currentColor"></path></svg></button><ul id="hds-select-103-menu" role="listbox" aria-labelledby="hds-select-103-label" tabindex="-1" aria-multiselectable="true" style="max-height:260px" class="Select-module_menu__1H2aU"></ul></div></div></div></div></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-104" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-104)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
+<div class="playground-block-preview playground-block-preview-light"><button type="button" class="Button-module_button__1msFE button_hds-button__2A0je Button-module_primary__2LfKB button_hds-button--primary__2NVvO" aria-expanded="false"><div class="Button-module_icon__O-h7R button_hds-icon__17j8Z" aria-hidden="true"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-down" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 13.5L17 8.5L18.5 10L12 16.5L5.5 10L7 8.5L12 13.5Z" fill="currentColor"></path></svg></div><span class="Button-module_label__a4np1 button_hds-button__label__2EQa-">Advanced filters</span></button><div class="Card-module_card__1WbKx card_hds-card--border__c2dBc" role="region" aria-label="Advanced filters" style="display:none"><div class="Select-module_root__Ka5uO Select-module_multiselect__fxewG" style="max-width:360px"><label id="hds-select-100-label" for="hds-select-100-toggle-button" class="FieldLabel-module_label__1zrXK ">Filter by event category</label><div class="Select-module_wrapper__1WQXs"><button type="button" id="hds-select-100-toggle-button" aria-haspopup="listbox" aria-expanded="false" aria-labelledby="hds-select-100-label hds-select-100-toggle-button" aria-owns="hds-select-100-menu" class="Select-module_button__1aIsm Select-module_placeholder__21c0j"><span class="Select-module_buttonLabel__1fqu5">No selected categories</span><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik Select-module_angleIcon__2-9AD" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-down" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 13.5L17 8.5L18.5 10L12 16.5L5.5 10L7 8.5L12 13.5Z" fill="currentColor"></path></svg></button><ul id="hds-select-100-menu" role="listbox" aria-labelledby="hds-select-100-label" tabindex="-1" aria-multiselectable="true" style="max-height:260px" class="Select-module_menu__1H2aU"></ul></div></div><div class="Select-module_root__Ka5uO Select-module_multiselect__fxewG" style="max-width:360px;margin-top:var(--spacing-s)"><label id="hds-select-101-label" for="hds-select-101-toggle-button" class="FieldLabel-module_label__1zrXK ">Filter by event location</label><div class="Select-module_wrapper__1WQXs"><button type="button" id="hds-select-101-toggle-button" aria-haspopup="listbox" aria-expanded="false" aria-labelledby="hds-select-101-label hds-select-101-toggle-button" aria-owns="hds-select-101-menu" class="Select-module_button__1aIsm Select-module_placeholder__21c0j"><span class="Select-module_buttonLabel__1fqu5">No selected locations</span><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik Select-module_angleIcon__2-9AD" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-down" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 13.5L17 8.5L18.5 10L12 16.5L5.5 10L7 8.5L12 13.5Z" fill="currentColor"></path></svg></button><ul id="hds-select-101-menu" role="listbox" aria-labelledby="hds-select-101-label" tabindex="-1" aria-multiselectable="true" style="max-height:260px" class="Select-module_menu__1H2aU"></ul></div></div></div></div></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-102" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-102)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
     window.dev = undefined
     if (window.dev === true || !(navigator.doNotTrack === '1' || window.doNotTrack === '1')) {
       window._paq = window._paq || [];
@@ -135,6 +135,6 @@ <h4 id="custom-accordion" style="position:relative" class="page-heading-4 headin
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/components/accordion/tabs/index.html b/docs/header-custom-theme-site/components/accordion/tabs/index.html
index e74e4bb435..1c9f00f81d 100644
--- a/docs/header-custom-theme-site/components/accordion/tabs/index.html
+++ b/docs/header-custom-theme-site/components/accordion/tabs/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Accordion"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Accordion"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -83,6 +83,6 @@
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/components/breadcrumb/accessibility/index.html b/docs/header-custom-theme-site/components/breadcrumb/accessibility/index.html
index b287387a02..45e423a219 100644
--- a/docs/header-custom-theme-site/components/breadcrumb/accessibility/index.html
+++ b/docs/header-custom-theme-site/components/breadcrumb/accessibility/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Link - Accessibility"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Link - Accessibility"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -62,7 +62,7 @@ <h3 id="pay-attention-to" style="position:relative" class="page-heading-3 headin
 <ul>
 <li>The last element should have the attribute <code>aria-current=&quot;true&quot;</code> if it is the current page. Automatically added in React.</li>
 <li>Nav-element must have an <code>aria-label</code>.</li>
-</ul></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-75" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-75)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
+</ul></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-74" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-74)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
     window.dev = undefined
     if (window.dev === true || !(navigator.doNotTrack === '1' || window.doNotTrack === '1')) {
       window._paq = window._paq || [];
@@ -90,6 +90,6 @@ <h3 id="pay-attention-to" style="position:relative" class="page-heading-3 headin
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/components/breadcrumb/code/index.html b/docs/header-custom-theme-site/components/breadcrumb/code/index.html
index 54fd92a354..5ed64376db 100644
--- a/docs/header-custom-theme-site/components/breadcrumb/code/index.html
+++ b/docs/header-custom-theme-site/components/breadcrumb/code/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Breadcrumb - Code"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Breadcrumb - Code"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -116,7 +116,7 @@ <h3 id="packages" style="position:relative" class="page-heading-3 heading-m">Pac
 <div class="hds-table-container" tabindex="0"><table class="hds-table hds-table--dark" aria-label="Service users (dark variant)"><thead><tr class="hds-table__header-row dark"><th scope="col">Package</th><th scope="col">Included</th><th scope="col">Storybook link</th><th scope="col">Source link</th></tr></thead><tbody class="hds-table__content"><tr><td><strong>HDS React</strong></td><td><div style="display:flex;gap:var(--spacing-3-xs)"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="check-circle-fill" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3ZM16.5 8L18 9.5L10.5 17L6 12.5L7.5 11L10.5 14L16.5 8Z" fill="currentColor"></path></svg> Yes </div></td><td><a aria-label="View in Storybook. Opens in a new tab" class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F" href="/storybook/react/?path=/story/components-breadcrumb--example" target="_blank" rel="noopener">View in Storybook</a></td><td><a aria-label="View source. Opens in a new tab Opens a different website." class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F" href="https://github.com/City-of-Helsinki/helsinki-design-system/tree/master/packages/react/src/components/breadcrumb" target="_blank" rel="noopener">View source<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik Link-module_icon__3ReCc link_icon__i_HqN Link-module_verticalAlignMediumIcon__12PVa link_vertical-align-medium-icon__3IWi1" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="link-external" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M5 3V19H21V21H3V3H5ZM21 3V12H19V6.413L9.91421 15.5L8.5 14.0858L17.585 5H12V3H21Z" fill="currentColor"></path></svg></a></td></tr><tr><td><strong>HDS Core</strong></td><td><div style="display:flex;gap:var(--spacing-3-xs)"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="check-circle-fill" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3ZM16.5 8L18 9.5L10.5 17L6 12.5L7.5 11L10.5 14L16.5 8Z" fill="currentColor"></path></svg> Yes </div></td><td><a aria-label="View in Storybook. Opens in a new tab" class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F" href="/storybook/core/?path=/story/components-breadcrumb--breadcrumb" target="_blank" rel="noopener">View in Storybook</a></td><td><a aria-label="View source. Opens in a new tab Opens a different website." class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F" href="https://github.com/City-of-Helsinki/helsinki-design-system/tree/master/packages/core/src/components/breadcrumb" target="_blank" rel="noopener">View source<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik Link-module_icon__3ReCc link_icon__i_HqN Link-module_verticalAlignMediumIcon__12PVa link_vertical-align-medium-icon__3IWi1" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="link-external" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M5 3V19H21V21H3V3H5ZM21 3V12H19V6.413L9.91421 15.5L8.5 14.0858L17.585 5H12V3H21Z" fill="currentColor"></path></svg></a></td></tr></tbody></table></div>
 <h3 id="properties" style="position:relative" class="page-heading-3 heading-m">Properties<a href="#properties" aria-label="properties permalink" class="header-anchor after"><span><span class="hds-anchor-icon hds-icon hds-icon--link hds-icon--size-xs" aria-hidden="true" style="vertical-align: middle"></span></span></a></h3>
 <p>Note! You can find the full list of properties in the <a aria-label="React Storybook. Opens in a new tab" class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F" href="/storybook/react/?path=/story/components-breadcrumb--example" target="_blank" rel="noopener">React Storybook.</a></p>
-<div class="hds-table-container" tabindex="0"><table class="hds-table hds-table--dark" aria-label="Service users (dark variant)"><thead><tr class="hds-table__header-row dark"><th scope="col">Property</th><th scope="col">Description</th><th scope="col">Values</th><th scope="col">Default value</th></tr></thead><tbody class="hds-table__content"><tr><td><code>ariaLabel</code></td><td><code>aria-label</code> of the <code>&lt;nav&gt;</code> element created by the component</td><td><code>string</code></td><td>-</td></tr><tr><td><code>list</code></td><td>Array of breadcrumb items. Each item is an object with <code>title</code> and <code>path</code></td><td><code>BreadcrumbListItem[]</code></td><td>-</td></tr></tbody></table></div></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-71" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-71)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
+<div class="hds-table-container" tabindex="0"><table class="hds-table hds-table--dark" aria-label="Service users (dark variant)"><thead><tr class="hds-table__header-row dark"><th scope="col">Property</th><th scope="col">Description</th><th scope="col">Values</th><th scope="col">Default value</th></tr></thead><tbody class="hds-table__content"><tr><td><code>ariaLabel</code></td><td><code>aria-label</code> of the <code>&lt;nav&gt;</code> element created by the component</td><td><code>string</code></td><td>-</td></tr><tr><td><code>list</code></td><td>Array of breadcrumb items. Each item is an object with <code>title</code> and <code>path</code></td><td><code>BreadcrumbListItem[]</code></td><td>-</td></tr></tbody></table></div></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-72" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-72)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
     window.dev = undefined
     if (window.dev === true || !(navigator.doNotTrack === '1' || window.doNotTrack === '1')) {
       window._paq = window._paq || [];
@@ -144,6 +144,6 @@ <h3 id="properties" style="position:relative" class="page-heading-3 heading-m">P
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/components/breadcrumb/customisation/index.html b/docs/header-custom-theme-site/components/breadcrumb/customisation/index.html
index 687a99a234..c1adae5efd 100644
--- a/docs/header-custom-theme-site/components/breadcrumb/customisation/index.html
+++ b/docs/header-custom-theme-site/components/breadcrumb/customisation/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Breadcrumb - Customisation"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Breadcrumb - Customisation"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -126,7 +126,7 @@ <h3 id="customisation-example" style="position:relative" class="page-heading-3 h
     color: transparent !important;
   }
 }
-</style></div></div></div></div></div><div class="playground-block-buttons"><button type="button" class="Button-module_button__1msFE button_hds-button__2A0je Button-module_secondary__1nABp button_hds-button--secondary__1NOWS Button-module_size-small__3lizH button_hds-button--small__2NFef"><span class="Button-module_label__a4np1 button_hds-button__label__2EQa-">Copy code</span></button><button type="button" class="Button-module_button__1msFE button_hds-button__2A0je Button-module_secondary__1nABp button_hds-button--secondary__1NOWS Button-module_size-small__3lizH button_hds-button--small__2NFef"><div class="Button-module_icon__O-h7R button_hds-icon__17j8Z" aria-hidden="true"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-undo" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M14 10C16.2091 10 18 11.7909 18 14C18 16.2091 16.2091 18 14 18H10V20H14.0364L14.188 19.9981C17.4131 19.9171 20 17.2611 20 14C20 10.7389 17.4131 8.08285 14.188 8.0019L8.5 8L12 4.5L10.5 3L4.5 9L10.5 15L12 13.5L8.5 10H14Z" fill="currentColor"></path></svg></div><span class="Button-module_label__a4np1 button_hds-button__label__2EQa-">Reset example</span></button></div></div></div></div></div></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-72" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-72)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
+</style></div></div></div></div></div><div class="playground-block-buttons"><button type="button" class="Button-module_button__1msFE button_hds-button__2A0je Button-module_secondary__1nABp button_hds-button--secondary__1NOWS Button-module_size-small__3lizH button_hds-button--small__2NFef"><span class="Button-module_label__a4np1 button_hds-button__label__2EQa-">Copy code</span></button><button type="button" class="Button-module_button__1msFE button_hds-button__2A0je Button-module_secondary__1nABp button_hds-button--secondary__1NOWS Button-module_size-small__3lizH button_hds-button--small__2NFef"><div class="Button-module_icon__O-h7R button_hds-icon__17j8Z" aria-hidden="true"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-undo" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M14 10C16.2091 10 18 11.7909 18 14C18 16.2091 16.2091 18 14 18H10V20H14.0364L14.188 19.9981C17.4131 19.9171 20 17.2611 20 14C20 10.7389 17.4131 8.08285 14.188 8.0019L8.5 8L12 4.5L10.5 3L4.5 9L10.5 15L12 13.5L8.5 10H14Z" fill="currentColor"></path></svg></div><span class="Button-module_label__a4np1 button_hds-button__label__2EQa-">Reset example</span></button></div></div></div></div></div></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-70" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-70)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
     window.dev = undefined
     if (window.dev === true || !(navigator.doNotTrack === '1' || window.doNotTrack === '1')) {
       window._paq = window._paq || [];
@@ -154,6 +154,6 @@ <h3 id="customisation-example" style="position:relative" class="page-heading-3 h
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/components/breadcrumb/index.html b/docs/header-custom-theme-site/components/breadcrumb/index.html
index 12eb65754c..411342b670 100644
--- a/docs/header-custom-theme-site/components/breadcrumb/index.html
+++ b/docs/header-custom-theme-site/components/breadcrumb/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Breadcrumb"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Breadcrumb"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -92,6 +92,6 @@ <h3 id="principles" style="position:relative" class="page-heading-3 heading-m">P
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/components/breadcrumb/tabs/index.html b/docs/header-custom-theme-site/components/breadcrumb/tabs/index.html
index 390640e051..5a468d02a1 100644
--- a/docs/header-custom-theme-site/components/breadcrumb/tabs/index.html
+++ b/docs/header-custom-theme-site/components/breadcrumb/tabs/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Breadcrumb"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Breadcrumb"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -56,7 +56,7 @@
 <div class="status-label-description"><span class="StatusLabel-module_statusLabel__3R2J2 status-label_hds-status-label__1L8YI StatusLabel-module_alert__2VR8r status-label_hds-status-label--alert__1ecsX">Beta</span><span class="StatusLabel-module_statusLabel__3R2J2 status-label_hds-status-label__1L8YI StatusLabel-module_success__2BfdX status-label_hds-status-label--success__3jiST" style="margin-left:var(--spacing-xs)">Accessible</span><div class="Tooltip-module_root__1Yo9t status-label-tooltip"><button type="button" class="Tooltip-module_button__2x9m0" title="Tooltip" aria-label="Tooltip" aria-expanded="false"><span aria-hidden="true"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="question-circle" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2ZM12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4ZM13 16V18H11V16H13ZM12.0437 5.75C14.0343 5.75 15.7173 7.29464 15.7173 9.42361C15.7173 10.7806 15.2461 11.489 14.161 12.306L13.9187 12.4844C13.1753 13.0295 12.9556 13.3359 12.9386 14.142L12.9375 14.25H10.9375C10.9375 12.6746 11.4591 11.8378 12.6143 10.9622L12.8618 10.7796C13.5685 10.2628 13.7173 10.0539 13.7173 9.42361C13.7173 8.43934 12.9662 7.75 12.0437 7.75C11.1907 7.75 10.4785 8.34077 10.3816 9.20835L10.3734 9.30587L8.37663 9.19182C8.49191 7.17347 10.1344 5.75 12.0437 5.75Z" fill="currentColor"></path></svg></span></button></div></div>
 <p style="font-size:var(--fontsize-body-xl);color:var(--color-black-90);max-width:600px">Breadcrumb is a navigational element that provides links back to each previous page the user navigated through and
 shows the user&#x27;s current location on a website.</p>
-<div class="Tabs-module_tabs__2Ww5F"><div class="Tabs-module_tablistBar__elMv9 page-tabs-list"><div class="Tabs-module_scrollButton__3ufhP" aria-hidden="true"><button type="button" tabindex="-1"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-left" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.5 12L15.5 17L14 18.5L7.5 12L14 5.5L15.5 7L10.5 12Z" fill="currentColor"></path></svg></button></div><div class="Tabs-module_tablist__1iuDO"><ul role="tablist" style="width:0px"><li role="tab" aria-selected="true" aria-controls="tab-0-panel" tabindex="0" id="tab-0-button" class="Tabs-module_tab__3oOoX Tabs-module_active__1Ic3B"><span>Usage</span></li><li role="tab" aria-selected="false" aria-controls="tab-1-panel" tabindex="-1" id="tab-1-button" class="Tabs-module_tab__3oOoX"><span>Code</span></li><li role="tab" aria-selected="false" aria-controls="tab-2-panel" tabindex="-1" id="tab-2-button" class="Tabs-module_tab__3oOoX"><span>Accessibility</span></li><li role="tab" aria-selected="false" aria-controls="tab-3-panel" tabindex="-1" id="tab-3-button" class="Tabs-module_tab__3oOoX"><span>Customisation</span></li></ul></div><div class="Tabs-module_scrollButton__3ufhP" aria-hidden="true"><button type="button" tabindex="-1"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-right" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.5 12L8.5 7L10 5.5L16.5 12L10 18.5L8.5 17L13.5 12Z" fill="currentColor"></path></svg></button></div></div><div id="tab-0-panel" role="tabpanel" aria-labelledby="tab-0-button"></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-67" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-67)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
+<div class="Tabs-module_tabs__2Ww5F"><div class="Tabs-module_tablistBar__elMv9 page-tabs-list"><div class="Tabs-module_scrollButton__3ufhP" aria-hidden="true"><button type="button" tabindex="-1"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-left" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.5 12L15.5 17L14 18.5L7.5 12L14 5.5L15.5 7L10.5 12Z" fill="currentColor"></path></svg></button></div><div class="Tabs-module_tablist__1iuDO"><ul role="tablist" style="width:0px"><li role="tab" aria-selected="true" aria-controls="tab-0-panel" tabindex="0" id="tab-0-button" class="Tabs-module_tab__3oOoX Tabs-module_active__1Ic3B"><span>Usage</span></li><li role="tab" aria-selected="false" aria-controls="tab-1-panel" tabindex="-1" id="tab-1-button" class="Tabs-module_tab__3oOoX"><span>Code</span></li><li role="tab" aria-selected="false" aria-controls="tab-2-panel" tabindex="-1" id="tab-2-button" class="Tabs-module_tab__3oOoX"><span>Accessibility</span></li><li role="tab" aria-selected="false" aria-controls="tab-3-panel" tabindex="-1" id="tab-3-button" class="Tabs-module_tab__3oOoX"><span>Customisation</span></li></ul></div><div class="Tabs-module_scrollButton__3ufhP" aria-hidden="true"><button type="button" tabindex="-1"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-right" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.5 12L8.5 7L10 5.5L16.5 12L10 18.5L8.5 17L13.5 12Z" fill="currentColor"></path></svg></button></div></div><div id="tab-0-panel" role="tabpanel" aria-labelledby="tab-0-button"></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-66" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-66)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
     window.dev = undefined
     if (window.dev === true || !(navigator.doNotTrack === '1' || window.doNotTrack === '1')) {
       window._paq = window._paq || [];
@@ -84,6 +84,6 @@
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/components/buttons/accessibility/index.html b/docs/header-custom-theme-site/components/buttons/accessibility/index.html
index 4ddb7cbba9..16a046355b 100644
--- a/docs/header-custom-theme-site/components/buttons/accessibility/index.html
+++ b/docs/header-custom-theme-site/components/buttons/accessibility/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Button - Accessibility"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Button - Accessibility"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -100,6 +100,6 @@ <h3 id="related-accessibility-requirements" style="position:relative" class="pag
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/components/buttons/code/index.html b/docs/header-custom-theme-site/components/buttons/code/index.html
index bd64f37821..3e11d96790 100644
--- a/docs/header-custom-theme-site/components/buttons/code/index.html
+++ b/docs/header-custom-theme-site/components/buttons/code/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Button - Code"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Button - Code"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -482,7 +482,7 @@ <h3 id="packages" style="position:relative" class="page-heading-3 heading-m">Pac
 <div class="hds-table-container" tabindex="0"><table class="hds-table hds-table--dark" aria-label="Service users (dark variant)"><thead><tr class="hds-table__header-row dark"><th scope="col">Package</th><th scope="col">Included</th><th scope="col">Storybook link</th><th scope="col">Source link</th></tr></thead><tbody class="hds-table__content"><tr><td><strong>HDS React</strong></td><td><div style="display:flex;gap:var(--spacing-3-xs)"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="check-circle-fill" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3ZM16.5 8L18 9.5L10.5 17L6 12.5L7.5 11L10.5 14L16.5 8Z" fill="currentColor"></path></svg> Yes </div></td><td><a aria-label="View in Storybook. Opens in a new tab" class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F" href="/storybook/react/?path=/story/components-button--primary" target="_blank" rel="noopener">View in Storybook</a></td><td><a aria-label="View source. Opens in a new tab Opens a different website." class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F" href="https://github.com/City-of-Helsinki/helsinki-design-system/tree/master/packages/react/src/components/button" target="_blank" rel="noopener">View source<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik Link-module_icon__3ReCc link_icon__i_HqN Link-module_verticalAlignMediumIcon__12PVa link_vertical-align-medium-icon__3IWi1" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="link-external" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M5 3V19H21V21H3V3H5ZM21 3V12H19V6.413L9.91421 15.5L8.5 14.0858L17.585 5H12V3H21Z" fill="currentColor"></path></svg></a></td></tr><tr><td><strong>HDS Core</strong></td><td><div style="display:flex;gap:var(--spacing-3-xs)"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="check-circle-fill" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3ZM16.5 8L18 9.5L10.5 17L6 12.5L7.5 11L10.5 14L16.5 8Z" fill="currentColor"></path></svg> Yes </div></td><td><a aria-label="View in Storybook. Opens in a new tab" class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F" href="/storybook/core/?path=/story/components-button--primary" target="_blank" rel="noopener">View in Storybook</a></td><td><a aria-label="View source. Opens in a new tab Opens a different website." class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F" href="https://github.com/City-of-Helsinki/helsinki-design-system/tree/master/packages/core/src/components/button" target="_blank" rel="noopener">View source<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik Link-module_icon__3ReCc link_icon__i_HqN Link-module_verticalAlignMediumIcon__12PVa link_vertical-align-medium-icon__3IWi1" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="link-external" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M5 3V19H21V21H3V3H5ZM21 3V12H19V6.413L9.91421 15.5L8.5 14.0858L17.585 5H12V3H21Z" fill="currentColor"></path></svg></a></td></tr></tbody></table></div>
 <h3 id="properties" style="position:relative" class="page-heading-3 heading-m">Properties<a href="#properties" aria-label="properties permalink" class="header-anchor after"><span><span class="hds-anchor-icon hds-icon hds-icon--link hds-icon--size-xs" aria-hidden="true" style="vertical-align: middle"></span></span></a></h3>
 <p>Note! You can find the full list of properties in the <a aria-label="React Storybook. Opens in a new tab" class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F" href="/storybook/react/?path=/docs/components-button--primary" target="_blank" rel="noopener">React Storybook.</a></p>
-<div class="hds-table-container" tabindex="0"><table class="hds-table hds-table--dark" aria-label="Service users (dark variant)"><thead><tr class="hds-table__header-row dark"><th scope="col">Property</th><th scope="col">Description</th><th scope="col">Values</th><th scope="col">Default value</th></tr></thead><tbody class="hds-table__content"><tr><td><code>variant</code></td><td>Variant of the button.</td><td><code>&quot;primary&quot;</code> <code>&quot;secondary&quot;</code> <code>&quot;supplementary&quot;</code> <code>&quot;success&quot;</code> <code>&quot;danger&quot;</code></td><td><code>&quot;primary&quot;</code></td></tr><tr><td><code>size</code></td><td>Size of the button.</td><td><code>&quot;default&quot;</code> <code>&quot;small&quot;</code></td><td><code>&quot;default&quot;</code></td></tr><tr><td><code>iconLeft</code></td><td>Icon placed on the left side of the button label.</td><td><code>ReactNode</code></td><td>-</td></tr><tr><td><code>iconRight</code></td><td>Icon placed on the right side of the button label.</td><td><code>ReactNode</code></td><td>-</td></tr><tr><td><code>fullWidth</code></td><td>If set to true, the button will take full width of its container.</td><td><code>boolean</code></td><td>false</td></tr><tr><td><code>isLoading</code></td><td>If set to true, a loading spinner is displayed inside the button.</td><td><code>boolean</code></td><td>false</td></tr><tr><td><code>loadingText</code></td><td>Visible loading text to be shown next to the loading spinner.</td><td><code>string</code></td><td>-</td></tr></tbody></table></div></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-63" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-63)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
+<div class="hds-table-container" tabindex="0"><table class="hds-table hds-table--dark" aria-label="Service users (dark variant)"><thead><tr class="hds-table__header-row dark"><th scope="col">Property</th><th scope="col">Description</th><th scope="col">Values</th><th scope="col">Default value</th></tr></thead><tbody class="hds-table__content"><tr><td><code>variant</code></td><td>Variant of the button.</td><td><code>&quot;primary&quot;</code> <code>&quot;secondary&quot;</code> <code>&quot;supplementary&quot;</code> <code>&quot;success&quot;</code> <code>&quot;danger&quot;</code></td><td><code>&quot;primary&quot;</code></td></tr><tr><td><code>size</code></td><td>Size of the button.</td><td><code>&quot;default&quot;</code> <code>&quot;small&quot;</code></td><td><code>&quot;default&quot;</code></td></tr><tr><td><code>iconLeft</code></td><td>Icon placed on the left side of the button label.</td><td><code>ReactNode</code></td><td>-</td></tr><tr><td><code>iconRight</code></td><td>Icon placed on the right side of the button label.</td><td><code>ReactNode</code></td><td>-</td></tr><tr><td><code>fullWidth</code></td><td>If set to true, the button will take full width of its container.</td><td><code>boolean</code></td><td>false</td></tr><tr><td><code>isLoading</code></td><td>If set to true, a loading spinner is displayed inside the button.</td><td><code>boolean</code></td><td>false</td></tr><tr><td><code>loadingText</code></td><td>Visible loading text to be shown next to the loading spinner.</td><td><code>string</code></td><td>-</td></tr></tbody></table></div></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-62" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-62)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
     window.dev = undefined
     if (window.dev === true || !(navigator.doNotTrack === '1' || window.doNotTrack === '1')) {
       window._paq = window._paq || [];
@@ -510,6 +510,6 @@ <h3 id="properties" style="position:relative" class="page-heading-3 heading-m">P
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/components/buttons/customisation/index.html b/docs/header-custom-theme-site/components/buttons/customisation/index.html
index dde6acdb69..595d059f8e 100644
--- a/docs/header-custom-theme-site/components/buttons/customisation/index.html
+++ b/docs/header-custom-theme-site/components/buttons/customisation/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Button - Customisation"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Button - Customisation"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -122,6 +122,6 @@ <h3 id="customisation-example" style="position:relative" class="page-heading-3 h
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/components/buttons/index.html b/docs/header-custom-theme-site/components/buttons/index.html
index 332a20ae00..ed62d41de8 100644
--- a/docs/header-custom-theme-site/components/buttons/index.html
+++ b/docs/header-custom-theme-site/components/buttons/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Button"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Button"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -110,7 +110,7 @@ <h4 id="loading" style="position:relative" class="page-heading-4 heading-s">Load
 <div style="margin-top:var(--spacing-m)" class="playground-block-preview playground-block-preview-light"><button type="button" class="Button-module_button__1msFE button_hds-button__2A0je Button-module_primary__2LfKB button_hds-button--primary__2NVvO"><span class="Button-module_label__a4np1 button_hds-button__label__2EQa-">Save form</span></button></div>
 <h4 id="used-as-a-link" style="position:relative" class="page-heading-4 heading-s">Used as a link<a href="#used-as-a-link" aria-label="used as a link permalink" class="header-anchor after"><span><span class="hds-anchor-icon hds-icon hds-icon--link hds-icon--size-xs" aria-hidden="true" style="vertical-align: middle"></span></span></a></h4>
 <p>If the button is used as a link instead of an action, a <code>role=&quot;link&quot;</code> attribute should be added to the button.</p>
-<div class="playground-block-preview playground-block-preview-light"><button type="button" class="Button-module_button__1msFE button_hds-button__2A0je Button-module_primary__2LfKB button_hds-button--primary__2NVvO" role="link"><span class="Button-module_label__a4np1 button_hds-button__label__2EQa-">Button</span></button></div></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-59" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-59)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
+<div class="playground-block-preview playground-block-preview-light"><button type="button" class="Button-module_button__1msFE button_hds-button__2A0je Button-module_primary__2LfKB button_hds-button--primary__2NVvO" role="link"><span class="Button-module_label__a4np1 button_hds-button__label__2EQa-">Button</span></button></div></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-58" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-58)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
     window.dev = undefined
     if (window.dev === true || !(navigator.doNotTrack === '1' || window.doNotTrack === '1')) {
       window._paq = window._paq || [];
@@ -138,6 +138,6 @@ <h4 id="used-as-a-link" style="position:relative" class="page-heading-4 heading-
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/components/buttons/tabs/index.html b/docs/header-custom-theme-site/components/buttons/tabs/index.html
index 9427a043e2..803a58f625 100644
--- a/docs/header-custom-theme-site/components/buttons/tabs/index.html
+++ b/docs/header-custom-theme-site/components/buttons/tabs/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Button"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Button"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -84,6 +84,6 @@
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/components/card/accessibility/index.html b/docs/header-custom-theme-site/components/card/accessibility/index.html
index 43d2188089..6881693619 100644
--- a/docs/header-custom-theme-site/components/card/accessibility/index.html
+++ b/docs/header-custom-theme-site/components/card/accessibility/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Card - Accessibility"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Card - Accessibility"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -61,7 +61,7 @@ <h3 id="pay-attention-to" style="position:relative" class="page-heading-3 headin
 <li>Card must have either a visual heading or <code>aria-label</code> as a title. This describes the Card&#x27;s content for assistive technologies.</li>
 <li>If you use buttons in your cards, pay attention to the button role. If you use the button as a link instead of an action (i.e. the button press causes a page load), you must specify a <code>role=&quot;link&quot;</code> attribute to the button.</li>
 <li>The colour contrast between the Card and its background must comply with <a aria-label="WCAG AA Level contrast ratios. Opens a different website." class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F" href="https://www.w3.org/TR/WCAG21/#contrast-minimum">WCAG AA Level contrast ratios<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik Link-module_icon__3ReCc link_icon__i_HqN Link-module_verticalAlignMediumIcon__12PVa link_vertical-align-medium-icon__3IWi1" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="link-external" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M5 3V19H21V21H3V3H5ZM21 3V12H19V6.413L9.91421 15.5L8.5 14.0858L17.585 5H12V3H21Z" fill="currentColor"></path></svg></a>. If needed, you may use a Card border to increase the contrast to its background.</li>
-</ul></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-55" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-55)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
+</ul></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-54" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-54)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
     window.dev = undefined
     if (window.dev === true || !(navigator.doNotTrack === '1' || window.doNotTrack === '1')) {
       window._paq = window._paq || [];
@@ -89,6 +89,6 @@ <h3 id="pay-attention-to" style="position:relative" class="page-heading-3 headin
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/components/card/code/index.html b/docs/header-custom-theme-site/components/card/code/index.html
index d557ba0289..e1f3af16f0 100644
--- a/docs/header-custom-theme-site/components/card/code/index.html
+++ b/docs/header-custom-theme-site/components/card/code/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Card - Code"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Card - Code"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -222,7 +222,7 @@ <h3 id="packages" style="position:relative" class="page-heading-3 heading-m">Pac
 <div class="hds-table-container" tabindex="0"><table class="hds-table hds-table--dark" aria-label="Service users (dark variant)"><thead><tr class="hds-table__header-row dark"><th scope="col">Package</th><th scope="col">Included</th><th scope="col">Storybook link</th><th scope="col">Source link</th></tr></thead><tbody class="hds-table__content"><tr><td><strong>HDS React</strong></td><td><div style="display:flex;gap:var(--spacing-3-xs)"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="check-circle-fill" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3ZM16.5 8L18 9.5L10.5 17L6 12.5L7.5 11L10.5 14L16.5 8Z" fill="currentColor"></path></svg> Yes </div></td><td><a aria-label="View in Storybook. Opens in a new tab" class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F" href="/storybook/react/?path=?path=/story/components-card--empty" target="_blank" rel="noopener">View in Storybook</a></td><td><a aria-label="View source. Opens in a new tab Opens a different website." class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F" href="https://github.com/City-of-Helsinki/helsinki-design-system/blob/master/packages/react/src/components/card/Card.tsx" target="_blank" rel="noopener">View source<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik Link-module_icon__3ReCc link_icon__i_HqN Link-module_verticalAlignMediumIcon__12PVa link_vertical-align-medium-icon__3IWi1" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="link-external" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M5 3V19H21V21H3V3H5ZM21 3V12H19V6.413L9.91421 15.5L8.5 14.0858L17.585 5H12V3H21Z" fill="currentColor"></path></svg></a></td></tr><tr><td><strong>HDS Core</strong></td><td><div style="display:flex;gap:var(--spacing-3-xs)"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="check-circle-fill" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3ZM16.5 8L18 9.5L10.5 17L6 12.5L7.5 11L10.5 14L16.5 8Z" fill="currentColor"></path></svg> Yes </div></td><td><a aria-label="View in Storybook. Opens in a new tab" class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F" href="/storybook/core/?path=/story/components-card--empty" target="_blank" rel="noopener">View in Storybook</a></td><td><a aria-label="View source. Opens in a new tab Opens a different website." class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F" href="https://github.com/City-of-Helsinki/helsinki-design-system/tree/master/packages/core/src/components/card" target="_blank" rel="noopener">View source<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik Link-module_icon__3ReCc link_icon__i_HqN Link-module_verticalAlignMediumIcon__12PVa link_vertical-align-medium-icon__3IWi1" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="link-external" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M5 3V19H21V21H3V3H5ZM21 3V12H19V6.413L9.91421 15.5L8.5 14.0858L17.585 5H12V3H21Z" fill="currentColor"></path></svg></a></td></tr></tbody></table></div>
 <h3 id="properties" style="position:relative" class="page-heading-3 heading-m">Properties<a href="#properties" aria-label="properties permalink" class="header-anchor after"><span><span class="hds-anchor-icon hds-icon hds-icon--link hds-icon--size-xs" aria-hidden="true" style="vertical-align: middle"></span></span></a></h3>
 <p>Note! You can find the full list of properties in the <a aria-label="React Storybook. Opens in a new tab" class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F" href="/storybook/react/?path=?path=/story/components-card--empty" target="_blank" rel="noopener">React Storybook.</a></p>
-<div class="hds-table-container" tabindex="0"><table class="hds-table hds-table--dark" aria-label="Service users (dark variant)"><thead><tr class="hds-table__header-row dark"><th scope="col">Property</th><th scope="col">Description</th><th scope="col">Values</th><th scope="col">Default value</th></tr></thead><tbody class="hds-table__content"><tr><td><code>heading</code></td><td>Heading of the Card (uses the built-in heading)</td><td>-</td><td>-</td></tr><tr><td><code>text</code></td><td>Content text of the Card (uses the built-in text)</td><td>-</td><td>-</td></tr><tr><td><code>border</code></td><td>If set to true, a border will be drawn around the card.</td><td>true, false</td><td>false</td></tr></tbody></table></div></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-51" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-51)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
+<div class="hds-table-container" tabindex="0"><table class="hds-table hds-table--dark" aria-label="Service users (dark variant)"><thead><tr class="hds-table__header-row dark"><th scope="col">Property</th><th scope="col">Description</th><th scope="col">Values</th><th scope="col">Default value</th></tr></thead><tbody class="hds-table__content"><tr><td><code>heading</code></td><td>Heading of the Card (uses the built-in heading)</td><td>-</td><td>-</td></tr><tr><td><code>text</code></td><td>Content text of the Card (uses the built-in text)</td><td>-</td><td>-</td></tr><tr><td><code>border</code></td><td>If set to true, a border will be drawn around the card.</td><td>true, false</td><td>false</td></tr></tbody></table></div></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-52" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-52)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
     window.dev = undefined
     if (window.dev === true || !(navigator.doNotTrack === '1' || window.doNotTrack === '1')) {
       window._paq = window._paq || [];
@@ -250,6 +250,6 @@ <h3 id="properties" style="position:relative" class="page-heading-3 heading-m">P
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/components/card/customisation/index.html b/docs/header-custom-theme-site/components/card/customisation/index.html
index cda40e8dd8..829121f982 100644
--- a/docs/header-custom-theme-site/components/card/customisation/index.html
+++ b/docs/header-custom-theme-site/components/card/customisation/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Card - Customisation"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Card - Customisation"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -119,7 +119,7 @@ <h3 id="customisation-example" style="position:relative" class="page-heading-3 h
     color: transparent !important;
   }
 }
-</style></div></div></div></div></div><div class="playground-block-buttons"><button type="button" class="Button-module_button__1msFE button_hds-button__2A0je Button-module_secondary__1nABp button_hds-button--secondary__1NOWS Button-module_size-small__3lizH button_hds-button--small__2NFef"><span class="Button-module_label__a4np1 button_hds-button__label__2EQa-">Copy code</span></button><button type="button" class="Button-module_button__1msFE button_hds-button__2A0je Button-module_secondary__1nABp button_hds-button--secondary__1NOWS Button-module_size-small__3lizH button_hds-button--small__2NFef"><div class="Button-module_icon__O-h7R button_hds-icon__17j8Z" aria-hidden="true"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-undo" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M14 10C16.2091 10 18 11.7909 18 14C18 16.2091 16.2091 18 14 18H10V20H14.0364L14.188 19.9981C17.4131 19.9171 20 17.2611 20 14C20 10.7389 17.4131 8.08285 14.188 8.0019L8.5 8L12 4.5L10.5 3L4.5 9L10.5 15L12 13.5L8.5 10H14Z" fill="currentColor"></path></svg></div><span class="Button-module_label__a4np1 button_hds-button__label__2EQa-">Reset example</span></button></div></div></div></div></div></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-52" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-52)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
+</style></div></div></div></div></div><div class="playground-block-buttons"><button type="button" class="Button-module_button__1msFE button_hds-button__2A0je Button-module_secondary__1nABp button_hds-button--secondary__1NOWS Button-module_size-small__3lizH button_hds-button--small__2NFef"><span class="Button-module_label__a4np1 button_hds-button__label__2EQa-">Copy code</span></button><button type="button" class="Button-module_button__1msFE button_hds-button__2A0je Button-module_secondary__1nABp button_hds-button--secondary__1NOWS Button-module_size-small__3lizH button_hds-button--small__2NFef"><div class="Button-module_icon__O-h7R button_hds-icon__17j8Z" aria-hidden="true"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-undo" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M14 10C16.2091 10 18 11.7909 18 14C18 16.2091 16.2091 18 14 18H10V20H14.0364L14.188 19.9981C17.4131 19.9171 20 17.2611 20 14C20 10.7389 17.4131 8.08285 14.188 8.0019L8.5 8L12 4.5L10.5 3L4.5 9L10.5 15L12 13.5L8.5 10H14Z" fill="currentColor"></path></svg></div><span class="Button-module_label__a4np1 button_hds-button__label__2EQa-">Reset example</span></button></div></div></div></div></div></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-51" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-51)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
     window.dev = undefined
     if (window.dev === true || !(navigator.doNotTrack === '1' || window.doNotTrack === '1')) {
       window._paq = window._paq || [];
@@ -147,6 +147,6 @@ <h3 id="customisation-example" style="position:relative" class="page-heading-3 h
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/components/card/index.html b/docs/header-custom-theme-site/components/card/index.html
index 53f80e60a0..56e2f05585 100644
--- a/docs/header-custom-theme-site/components/card/index.html
+++ b/docs/header-custom-theme-site/components/card/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Card"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Card"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -122,6 +122,6 @@ <h4 id="using-with-other-hds-components" style="position:relative" class="page-h
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/components/card/tabs/index.html b/docs/header-custom-theme-site/components/card/tabs/index.html
index f931bcb744..39e274355d 100644
--- a/docs/header-custom-theme-site/components/card/tabs/index.html
+++ b/docs/header-custom-theme-site/components/card/tabs/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Card"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Card"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -83,6 +83,6 @@
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/components/checkbox/accessibility/index.html b/docs/header-custom-theme-site/components/checkbox/accessibility/index.html
index ea9c1e93e6..2a92d292f6 100644
--- a/docs/header-custom-theme-site/components/checkbox/accessibility/index.html
+++ b/docs/header-custom-theme-site/components/checkbox/accessibility/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Checkbox - Accessibility"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Checkbox - Accessibility"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -88,6 +88,6 @@ <h3 id="pay-attention-to" style="position:relative" class="page-heading-3 headin
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/components/checkbox/code/index.html b/docs/header-custom-theme-site/components/checkbox/code/index.html
index 3b340672e3..628340025c 100644
--- a/docs/header-custom-theme-site/components/checkbox/code/index.html
+++ b/docs/header-custom-theme-site/components/checkbox/code/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Checkbox - Code"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Checkbox - Code"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -492,6 +492,6 @@ <h3 id="properties" style="position:relative" class="page-heading-3 heading-m">P
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/components/checkbox/customisation/index.html b/docs/header-custom-theme-site/components/checkbox/customisation/index.html
index 60fee90334..b987e9a59f 100644
--- a/docs/header-custom-theme-site/components/checkbox/customisation/index.html
+++ b/docs/header-custom-theme-site/components/checkbox/customisation/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | undefined"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | undefined"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -141,7 +141,7 @@ <h3 id="customisation-example" style="position:relative" class="page-heading-3 h
     color: transparent !important;
   }
 }
-</style></div></div></div></div></div><div class="playground-block-buttons"><button type="button" class="Button-module_button__1msFE button_hds-button__2A0je Button-module_secondary__1nABp button_hds-button--secondary__1NOWS Button-module_size-small__3lizH button_hds-button--small__2NFef"><span class="Button-module_label__a4np1 button_hds-button__label__2EQa-">Copy code</span></button><button type="button" class="Button-module_button__1msFE button_hds-button__2A0je Button-module_secondary__1nABp button_hds-button--secondary__1NOWS Button-module_size-small__3lizH button_hds-button--small__2NFef"><div class="Button-module_icon__O-h7R button_hds-icon__17j8Z" aria-hidden="true"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-undo" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M14 10C16.2091 10 18 11.7909 18 14C18 16.2091 16.2091 18 14 18H10V20H14.0364L14.188 19.9981C17.4131 19.9171 20 17.2611 20 14C20 10.7389 17.4131 8.08285 14.188 8.0019L8.5 8L12 4.5L10.5 3L4.5 9L10.5 15L12 13.5L8.5 10H14Z" fill="currentColor"></path></svg></div><span class="Button-module_label__a4np1 button_hds-button__label__2EQa-">Reset example</span></button></div></div></div></div></div></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-39" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-39)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
+</style></div></div></div></div></div><div class="playground-block-buttons"><button type="button" class="Button-module_button__1msFE button_hds-button__2A0je Button-module_secondary__1nABp button_hds-button--secondary__1NOWS Button-module_size-small__3lizH button_hds-button--small__2NFef"><span class="Button-module_label__a4np1 button_hds-button__label__2EQa-">Copy code</span></button><button type="button" class="Button-module_button__1msFE button_hds-button__2A0je Button-module_secondary__1nABp button_hds-button--secondary__1NOWS Button-module_size-small__3lizH button_hds-button--small__2NFef"><div class="Button-module_icon__O-h7R button_hds-icon__17j8Z" aria-hidden="true"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-undo" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M14 10C16.2091 10 18 11.7909 18 14C18 16.2091 16.2091 18 14 18H10V20H14.0364L14.188 19.9981C17.4131 19.9171 20 17.2611 20 14C20 10.7389 17.4131 8.08285 14.188 8.0019L8.5 8L12 4.5L10.5 3L4.5 9L10.5 15L12 13.5L8.5 10H14Z" fill="currentColor"></path></svg></div><span class="Button-module_label__a4np1 button_hds-button__label__2EQa-">Reset example</span></button></div></div></div></div></div></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-40" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-40)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
     window.dev = undefined
     if (window.dev === true || !(navigator.doNotTrack === '1' || window.doNotTrack === '1')) {
       window._paq = window._paq || [];
@@ -169,6 +169,6 @@ <h3 id="customisation-example" style="position:relative" class="page-heading-3 h
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/components/checkbox/index.html b/docs/header-custom-theme-site/components/checkbox/index.html
index 594ced83c8..754411e0ce 100644
--- a/docs/header-custom-theme-site/components/checkbox/index.html
+++ b/docs/header-custom-theme-site/components/checkbox/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Checkbox"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Checkbox"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -80,7 +80,7 @@ <h4 id="indeterminate" style="position:relative" class="page-heading-4 heading-s
 <p>Checkboxes also have a &quot;mixed&quot; state that is called an indeterminate state. This state is meant to be between the checked and unchecked states. While not very common, the usual use case for the indeterminate state is nested checkboxes. The parent checkbox can be in the indeterminate state when only part of the children checkboxes are checked.</p>
 <p>Note! You will always have to use JavaScript to set a checkbox to the indeterminate state. Currently, it cannot be done through HTML. The HDS React component will do this part automatically when the <code>indeterminate</code> property is given.</p>
 <!-- -->
-<div class="playground-block-preview playground-block-preview-light"><fieldset class="Fieldset-module_fieldset__2OtST fieldset_hds-fieldset__2FPi3"><legend class="Fieldset-module_legend__35Acm fieldset_hds-fieldset-legend__2-X6z">Group label *</legend><div class="Checkbox-module_checkbox__3L0GR checkbox_hds-checkbox__9HMCz" style="margin-top:var(--spacing-xs)"><input id="controllerCheckbox" class="Checkbox-module_input__3VZvy checkbox_hds-checkbox__input__1w0pu" type="checkbox" aria-controls="checkbox1 checkbox2 checkbox3 checkbox4 checkbox5"/><label for="controllerCheckbox" class="Checkbox-module_label__L5AN1 checkbox_hds-checkbox__label__3HoD3">Label</label></div><ul style="margin-left:var(--spacing-s);padding-inline-start:0"><li style="margin-top:var(--spacing-s);list-style:none"><div class="Checkbox-module_checkbox__3L0GR checkbox_hds-checkbox__9HMCz"><input id="checkbox1" class="Checkbox-module_input__3VZvy checkbox_hds-checkbox__input__1w0pu" type="checkbox" checked=""/><label for="checkbox1" class="Checkbox-module_label__L5AN1 checkbox_hds-checkbox__label__3HoD3">Label</label></div></li><li style="margin-top:var(--spacing-s);list-style:none"><div class="Checkbox-module_checkbox__3L0GR checkbox_hds-checkbox__9HMCz"><input id="checkbox2" class="Checkbox-module_input__3VZvy checkbox_hds-checkbox__input__1w0pu" type="checkbox" checked=""/><label for="checkbox2" class="Checkbox-module_label__L5AN1 checkbox_hds-checkbox__label__3HoD3">Label</label></div></li><li style="margin-top:var(--spacing-s);list-style:none"><div class="Checkbox-module_checkbox__3L0GR checkbox_hds-checkbox__9HMCz"><input id="checkbox3" class="Checkbox-module_input__3VZvy checkbox_hds-checkbox__input__1w0pu" type="checkbox"/><label for="checkbox3" class="Checkbox-module_label__L5AN1 checkbox_hds-checkbox__label__3HoD3">Label</label></div></li><li style="margin-top:var(--spacing-s);list-style:none"><div class="Checkbox-module_checkbox__3L0GR checkbox_hds-checkbox__9HMCz"><input id="checkbox4" class="Checkbox-module_input__3VZvy checkbox_hds-checkbox__input__1w0pu" type="checkbox" checked=""/><label for="checkbox4" class="Checkbox-module_label__L5AN1 checkbox_hds-checkbox__label__3HoD3">Label</label></div></li><li style="margin-top:var(--spacing-s);list-style:none"><div class="Checkbox-module_checkbox__3L0GR checkbox_hds-checkbox__9HMCz"><input id="checkbox5" class="Checkbox-module_input__3VZvy checkbox_hds-checkbox__input__1w0pu" type="checkbox"/><label for="checkbox5" class="Checkbox-module_label__L5AN1 checkbox_hds-checkbox__label__3HoD3">Label</label></div></li></ul></fieldset></div></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-40" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-40)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
+<div class="playground-block-preview playground-block-preview-light"><fieldset class="Fieldset-module_fieldset__2OtST fieldset_hds-fieldset__2FPi3"><legend class="Fieldset-module_legend__35Acm fieldset_hds-fieldset-legend__2-X6z">Group label *</legend><div class="Checkbox-module_checkbox__3L0GR checkbox_hds-checkbox__9HMCz" style="margin-top:var(--spacing-xs)"><input id="controllerCheckbox" class="Checkbox-module_input__3VZvy checkbox_hds-checkbox__input__1w0pu" type="checkbox" aria-controls="checkbox1 checkbox2 checkbox3 checkbox4 checkbox5"/><label for="controllerCheckbox" class="Checkbox-module_label__L5AN1 checkbox_hds-checkbox__label__3HoD3">Label</label></div><ul style="margin-left:var(--spacing-s);padding-inline-start:0"><li style="margin-top:var(--spacing-s);list-style:none"><div class="Checkbox-module_checkbox__3L0GR checkbox_hds-checkbox__9HMCz"><input id="checkbox1" class="Checkbox-module_input__3VZvy checkbox_hds-checkbox__input__1w0pu" type="checkbox" checked=""/><label for="checkbox1" class="Checkbox-module_label__L5AN1 checkbox_hds-checkbox__label__3HoD3">Label</label></div></li><li style="margin-top:var(--spacing-s);list-style:none"><div class="Checkbox-module_checkbox__3L0GR checkbox_hds-checkbox__9HMCz"><input id="checkbox2" class="Checkbox-module_input__3VZvy checkbox_hds-checkbox__input__1w0pu" type="checkbox" checked=""/><label for="checkbox2" class="Checkbox-module_label__L5AN1 checkbox_hds-checkbox__label__3HoD3">Label</label></div></li><li style="margin-top:var(--spacing-s);list-style:none"><div class="Checkbox-module_checkbox__3L0GR checkbox_hds-checkbox__9HMCz"><input id="checkbox3" class="Checkbox-module_input__3VZvy checkbox_hds-checkbox__input__1w0pu" type="checkbox"/><label for="checkbox3" class="Checkbox-module_label__L5AN1 checkbox_hds-checkbox__label__3HoD3">Label</label></div></li><li style="margin-top:var(--spacing-s);list-style:none"><div class="Checkbox-module_checkbox__3L0GR checkbox_hds-checkbox__9HMCz"><input id="checkbox4" class="Checkbox-module_input__3VZvy checkbox_hds-checkbox__input__1w0pu" type="checkbox" checked=""/><label for="checkbox4" class="Checkbox-module_label__L5AN1 checkbox_hds-checkbox__label__3HoD3">Label</label></div></li><li style="margin-top:var(--spacing-s);list-style:none"><div class="Checkbox-module_checkbox__3L0GR checkbox_hds-checkbox__9HMCz"><input id="checkbox5" class="Checkbox-module_input__3VZvy checkbox_hds-checkbox__input__1w0pu" type="checkbox"/><label for="checkbox5" class="Checkbox-module_label__L5AN1 checkbox_hds-checkbox__label__3HoD3">Label</label></div></li></ul></fieldset></div></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-39" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-39)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
     window.dev = undefined
     if (window.dev === true || !(navigator.doNotTrack === '1' || window.doNotTrack === '1')) {
       window._paq = window._paq || [];
@@ -108,6 +108,6 @@ <h4 id="indeterminate" style="position:relative" class="page-heading-4 heading-s
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/components/checkbox/tabs/index.html b/docs/header-custom-theme-site/components/checkbox/tabs/index.html
index 61c065160e..acf6f07ae3 100644
--- a/docs/header-custom-theme-site/components/checkbox/tabs/index.html
+++ b/docs/header-custom-theme-site/components/checkbox/tabs/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Checkbox"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Checkbox"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -83,6 +83,6 @@
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/components/cookie-consent/accessibility/index.html b/docs/header-custom-theme-site/components/cookie-consent/accessibility/index.html
index 94ddbbcd0e..169d7dcec2 100644
--- a/docs/header-custom-theme-site/components/cookie-consent/accessibility/index.html
+++ b/docs/header-custom-theme-site/components/cookie-consent/accessibility/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | CookieConsent - Accessibility"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | CookieConsent - Accessibility"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -61,7 +61,7 @@ <h3 id="pay-attention-to" style="position:relative" class="page-heading-3 headin
 <ul>
 <li>Make sure that cookie consent is the first item in the page tab order. By default, the component adds itself as the first element. This can be overridden. More info on the <a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F" href="/hds-demo/header-custom-theme-site/components/cookie-consent/api">API tab</a>.</li>
 <li>The cookie consent modal should not prevent the user from using the web page. Never use an overlay behind the banner or otherwise restrict the use of the site. The component adds an element to the underlying page to compensate space it fills over the content.</li>
-</ul></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-30" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-30)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
+</ul></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-32" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-32)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
     window.dev = undefined
     if (window.dev === true || !(navigator.doNotTrack === '1' || window.doNotTrack === '1')) {
       window._paq = window._paq || [];
@@ -89,6 +89,6 @@ <h3 id="pay-attention-to" style="position:relative" class="page-heading-3 headin
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/components/cookie-consent/api/index.html b/docs/header-custom-theme-site/components/cookie-consent/api/index.html
index 30cdab9d45..ad8e318274 100644
--- a/docs/header-custom-theme-site/components/cookie-consent/api/index.html
+++ b/docs/header-custom-theme-site/components/cookie-consent/api/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | CookieConsent - API"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | CookieConsent - API"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -116,6 +116,6 @@ <h3 id="saving-consents" style="position:relative" class="page-heading-3 heading
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/components/cookie-consent/code/index.html b/docs/header-custom-theme-site/components/cookie-consent/code/index.html
index 236549d4a4..6ad40e0585 100644
--- a/docs/header-custom-theme-site/components/cookie-consent/code/index.html
+++ b/docs/header-custom-theme-site/components/cookie-consent/code/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | CookieConsent - Code"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | CookieConsent - Code"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -74,7 +74,7 @@ <h3 id="packages" style="position:relative" class="page-heading-3 heading-m">Pac
 <h3 id="properties" style="position:relative" class="page-heading-3 heading-m">Properties<a href="#properties" aria-label="properties permalink" class="header-anchor after"><span><span class="hds-anchor-icon hds-icon hds-icon--link hds-icon--size-xs" aria-hidden="true" style="vertical-align: middle"></span></span></a></h3>
 <p>Note! You can find the full list of properties in the <a aria-label="React Storybook. Opens in a new tab" class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F" href="/storybook/react/?path=/story/components-cookieconsent--english-modal-version" target="_blank" rel="noopener">React Storybook.</a>
 Also, you can find a detailed description of the <code>contentSource</code> property in the <a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F" href="/hds-demo/header-custom-theme-site/components/cookie-consent/api">API tab</a>.</p>
-<div class="hds-table-container" tabindex="0"><table class="hds-table hds-table--dark" aria-label="Service users (dark variant)"><thead><tr class="hds-table__header-row dark"><th scope="col">Property</th><th scope="col">Description</th><th scope="col">Values</th><th scope="col">Default value</th></tr></thead><tbody class="hds-table__content"><tr><td><code>contentSource</code></td><td>Main configurations of the Cookie Consent.</td><td><code>object</code></td><td>-</td></tr><tr><td><code>cookieDomain</code></td><td>A string representing the domain of the cookie.</td><td><code>string</code></td><td>Default value is the current domain</td></tr></tbody></table></div></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-26" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-26)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
+<div class="hds-table-container" tabindex="0"><table class="hds-table hds-table--dark" aria-label="Service users (dark variant)"><thead><tr class="hds-table__header-row dark"><th scope="col">Property</th><th scope="col">Description</th><th scope="col">Values</th><th scope="col">Default value</th></tr></thead><tbody class="hds-table__content"><tr><td><code>contentSource</code></td><td>Main configurations of the Cookie Consent.</td><td><code>object</code></td><td>-</td></tr><tr><td><code>cookieDomain</code></td><td>A string representing the domain of the cookie.</td><td><code>string</code></td><td>Default value is the current domain</td></tr></tbody></table></div></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-27" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-27)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
     window.dev = undefined
     if (window.dev === true || !(navigator.doNotTrack === '1' || window.doNotTrack === '1')) {
       window._paq = window._paq || [];
@@ -102,6 +102,6 @@ <h3 id="properties" style="position:relative" class="page-heading-3 heading-m">P
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/components/cookie-consent/index.html b/docs/header-custom-theme-site/components/cookie-consent/index.html
index 181b88c8a8..974cf54aea 100644
--- a/docs/header-custom-theme-site/components/cookie-consent/index.html
+++ b/docs/header-custom-theme-site/components/cookie-consent/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | CookieConsent"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | CookieConsent"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -83,7 +83,7 @@ <h3 id="modal" style="position:relative" class="page-heading-3 heading-m">Modal<
 <a aria-label="View modal example in Storybook. Opens in a new tab" class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F" href="/storybook/react/?path=/story/components-cookieconsent--english-modal-version" target="_blank" rel="noopener"><p>View modal example in Storybook</p></a>
 <h3 id="rendered-on-a-page" style="position:relative" class="page-heading-3 heading-m">Rendered on a page<a href="#rendered-on-a-page" aria-label="rendered on a page permalink" class="header-anchor after"><span><span class="hds-anchor-icon hds-icon hds-icon--link hds-icon--size-xs" aria-hidden="true" style="vertical-align: middle"></span></span></a></h3>
 <p>The cookie consent expanded settings page can be rendered as a separate page. This is used to create a cookie page that the user can access via a link in the <a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F" href="/hds-demo/header-custom-theme-site/components/footer">Footer</a> element. This allows the user to view or edit cookie settings after the initial consent has been given.</p>
-<a aria-label="View page example in Storybook. Opens in a new tab" class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F" href="/storybook/react/?path=/story/components-cookieconsent--page-version" target="_blank" rel="noopener"><p>View page example in Storybook</p></a></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-24" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-24)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
+<a aria-label="View page example in Storybook. Opens in a new tab" class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F" href="/storybook/react/?path=/story/components-cookieconsent--page-version" target="_blank" rel="noopener"><p>View page example in Storybook</p></a></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-23" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-23)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
     window.dev = undefined
     if (window.dev === true || !(navigator.doNotTrack === '1' || window.doNotTrack === '1')) {
       window._paq = window._paq || [];
@@ -111,6 +111,6 @@ <h3 id="rendered-on-a-page" style="position:relative" class="page-heading-3 head
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/components/cookie-consent/tabs/index.html b/docs/header-custom-theme-site/components/cookie-consent/tabs/index.html
index 83eb90bf57..1389bff366 100644
--- a/docs/header-custom-theme-site/components/cookie-consent/tabs/index.html
+++ b/docs/header-custom-theme-site/components/cookie-consent/tabs/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | CookieConsent"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | CookieConsent"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -56,7 +56,7 @@
 <div class="status-label-description"><span class="StatusLabel-module_statusLabel__3R2J2 status-label_hds-status-label__1L8YI StatusLabel-module_error__zNgn8 status-label_hds-status-label--error__2EYi4">Draft</span><span class="StatusLabel-module_statusLabel__3R2J2 status-label_hds-status-label__1L8YI StatusLabel-module_success__2BfdX status-label_hds-status-label--success__3jiST" style="margin-left:var(--spacing-xs)">Accessible</span><div class="Tooltip-module_root__1Yo9t status-label-tooltip"><button type="button" class="Tooltip-module_button__2x9m0" title="Tooltip" aria-label="Tooltip" aria-expanded="false"><span aria-hidden="true"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="question-circle" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2ZM12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4ZM13 16V18H11V16H13ZM12.0437 5.75C14.0343 5.75 15.7173 7.29464 15.7173 9.42361C15.7173 10.7806 15.2461 11.489 14.161 12.306L13.9187 12.4844C13.1753 13.0295 12.9556 13.3359 12.9386 14.142L12.9375 14.25H10.9375C10.9375 12.6746 11.4591 11.8378 12.6143 10.9622L12.8618 10.7796C13.5685 10.2628 13.7173 10.0539 13.7173 9.42361C13.7173 8.43934 12.9662 7.75 12.0437 7.75C11.1907 7.75 10.4785 8.34077 10.3816 9.20835L10.3734 9.30587L8.37663 9.19182C8.49191 7.17347 10.1344 5.75 12.0437 5.75Z" fill="currentColor"></path></svg></span></button></div></div>
 <p style="font-size:var(--fontsize-body-xl);color:var(--color-black-90);max-width:600px">The cookie compliance component informs users about cookie usage. This banner is shown when they visit a website or an
 application for the first time.</p>
-<div class="Tabs-module_tabs__2Ww5F"><div class="Tabs-module_tablistBar__elMv9 page-tabs-list"><div class="Tabs-module_scrollButton__3ufhP" aria-hidden="true"><button type="button" tabindex="-1"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-left" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.5 12L15.5 17L14 18.5L7.5 12L14 5.5L15.5 7L10.5 12Z" fill="currentColor"></path></svg></button></div><div class="Tabs-module_tablist__1iuDO"><ul role="tablist" style="width:0px"><li role="tab" aria-selected="true" aria-controls="tab-0-panel" tabindex="0" id="tab-0-button" class="Tabs-module_tab__3oOoX Tabs-module_active__1Ic3B"><span>Usage</span></li><li role="tab" aria-selected="false" aria-controls="tab-1-panel" tabindex="-1" id="tab-1-button" class="Tabs-module_tab__3oOoX"><span>Code</span></li><li role="tab" aria-selected="false" aria-controls="tab-2-panel" tabindex="-1" id="tab-2-button" class="Tabs-module_tab__3oOoX"><span>API</span></li><li role="tab" aria-selected="false" aria-controls="tab-3-panel" tabindex="-1" id="tab-3-button" class="Tabs-module_tab__3oOoX"><span>Accessibility</span></li></ul></div><div class="Tabs-module_scrollButton__3ufhP" aria-hidden="true"><button type="button" tabindex="-1"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-right" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.5 12L8.5 7L10 5.5L16.5 12L10 18.5L8.5 17L13.5 12Z" fill="currentColor"></path></svg></button></div></div><div id="tab-0-panel" role="tabpanel" aria-labelledby="tab-0-button"></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-23" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-23)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
+<div class="Tabs-module_tabs__2Ww5F"><div class="Tabs-module_tablistBar__elMv9 page-tabs-list"><div class="Tabs-module_scrollButton__3ufhP" aria-hidden="true"><button type="button" tabindex="-1"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-left" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.5 12L15.5 17L14 18.5L7.5 12L14 5.5L15.5 7L10.5 12Z" fill="currentColor"></path></svg></button></div><div class="Tabs-module_tablist__1iuDO"><ul role="tablist" style="width:0px"><li role="tab" aria-selected="true" aria-controls="tab-0-panel" tabindex="0" id="tab-0-button" class="Tabs-module_tab__3oOoX Tabs-module_active__1Ic3B"><span>Usage</span></li><li role="tab" aria-selected="false" aria-controls="tab-1-panel" tabindex="-1" id="tab-1-button" class="Tabs-module_tab__3oOoX"><span>Code</span></li><li role="tab" aria-selected="false" aria-controls="tab-2-panel" tabindex="-1" id="tab-2-button" class="Tabs-module_tab__3oOoX"><span>API</span></li><li role="tab" aria-selected="false" aria-controls="tab-3-panel" tabindex="-1" id="tab-3-button" class="Tabs-module_tab__3oOoX"><span>Accessibility</span></li></ul></div><div class="Tabs-module_scrollButton__3ufhP" aria-hidden="true"><button type="button" tabindex="-1"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-right" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.5 12L8.5 7L10 5.5L16.5 12L10 18.5L8.5 17L13.5 12Z" fill="currentColor"></path></svg></button></div></div><div id="tab-0-panel" role="tabpanel" aria-labelledby="tab-0-button"></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-24" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-24)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
     window.dev = undefined
     if (window.dev === true || !(navigator.doNotTrack === '1' || window.doNotTrack === '1')) {
       window._paq = window._paq || [];
@@ -84,6 +84,6 @@
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/components/date-input/accessibility/index.html b/docs/header-custom-theme-site/components/date-input/accessibility/index.html
index 4cd78edada..cdae177fc6 100644
--- a/docs/header-custom-theme-site/components/date-input/accessibility/index.html
+++ b/docs/header-custom-theme-site/components/date-input/accessibility/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | DateInput - Accessibility"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | DateInput - Accessibility"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -92,6 +92,6 @@ <h3 id="pay-attention-to" style="position:relative" class="page-heading-3 headin
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/components/date-input/code/index.html b/docs/header-custom-theme-site/components/date-input/code/index.html
index aefa49384d..78b5883134 100644
--- a/docs/header-custom-theme-site/components/date-input/code/index.html
+++ b/docs/header-custom-theme-site/components/date-input/code/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | DateInput - Code"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | DateInput - Code"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -368,6 +368,6 @@ <h3 id="properties" style="position:relative" class="page-heading-3 heading-m">P
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/components/date-input/index.html b/docs/header-custom-theme-site/components/date-input/index.html
index 3582eacd1f..04f0ef0d0b 100644
--- a/docs/header-custom-theme-site/components/date-input/index.html
+++ b/docs/header-custom-theme-site/components/date-input/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | DateInput"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | DateInput"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -118,6 +118,6 @@ <h4 id="date-input-without-a-picker" style="position:relative" class="page-headi
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/components/date-input/tabs/index.html b/docs/header-custom-theme-site/components/date-input/tabs/index.html
index 007d576ebb..a298638e49 100644
--- a/docs/header-custom-theme-site/components/date-input/tabs/index.html
+++ b/docs/header-custom-theme-site/components/date-input/tabs/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | DateInput"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | DateInput"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -83,6 +83,6 @@
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/components/dialog/accessibility/index.html b/docs/header-custom-theme-site/components/dialog/accessibility/index.html
index 4d903da2ba..3bbab5d537 100644
--- a/docs/header-custom-theme-site/components/dialog/accessibility/index.html
+++ b/docs/header-custom-theme-site/components/dialog/accessibility/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Dialog - Accessibility"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Dialog - Accessibility"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -65,7 +65,7 @@ <h3 id="pay-attention-to" style="position:relative" class="page-heading-3 headin
 </li>
 <li>When the dialog is active, everything outside of the dialog should be inaccessible to the user.</li>
 <li>Pay attention to the roles of buttons of your dialog. If you use the button as a link instead of an action (i.e. the button press opens a new page), you must specify a <code>role=&quot;link&quot;</code> attribute to the button.</li>
-</ul></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-20" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-20)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
+</ul></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-19" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-19)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
     window.dev = undefined
     if (window.dev === true || !(navigator.doNotTrack === '1' || window.doNotTrack === '1')) {
       window._paq = window._paq || [];
@@ -93,6 +93,6 @@ <h3 id="pay-attention-to" style="position:relative" class="page-heading-3 headin
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/components/dialog/code/index.html b/docs/header-custom-theme-site/components/dialog/code/index.html
index 988015e8ef..b27913122f 100644
--- a/docs/header-custom-theme-site/components/dialog/code/index.html
+++ b/docs/header-custom-theme-site/components/dialog/code/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Dialog - Code"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Dialog - Code"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -802,7 +802,7 @@ <h3 id="packages" style="position:relative" class="page-heading-3 heading-m">Pac
 <div class="hds-table-container" tabindex="0"><table class="hds-table hds-table--dark" aria-label="Service users (dark variant)"><thead><tr class="hds-table__header-row dark"><th scope="col">Package</th><th scope="col">Included</th><th scope="col">Storybook link</th><th scope="col">Source link</th></tr></thead><tbody class="hds-table__content"><tr><td><strong>HDS React</strong></td><td><div style="display:flex;gap:var(--spacing-3-xs)"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="check-circle-fill" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3ZM16.5 8L18 9.5L10.5 17L6 12.5L7.5 11L10.5 14L16.5 8Z" fill="currentColor"></path></svg> Yes </div></td><td><a aria-label="View in Storybook. Opens in a new tab" class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F" href="/storybook/react/?path=/story/components-dialog--default" target="_blank" rel="noopener">View in Storybook</a></td><td><a aria-label="View source. Opens in a new tab Opens a different website." class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F" href="https://github.com/City-of-Helsinki/helsinki-design-system/blob/master/packages/react/src/components/dialog/Dialog.tsx" target="_blank" rel="noopener">View source<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik Link-module_icon__3ReCc link_icon__i_HqN Link-module_verticalAlignMediumIcon__12PVa link_vertical-align-medium-icon__3IWi1" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="link-external" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M5 3V19H21V21H3V3H5ZM21 3V12H19V6.413L9.91421 15.5L8.5 14.0858L17.585 5H12V3H21Z" fill="currentColor"></path></svg></a></td></tr><tr><td><strong>HDS Core</strong></td><td><div style="display:flex;gap:var(--spacing-3-xs)"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="cross-circle" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2ZM12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4ZM15 7.5L16.5 9L13.5 12L16.5 15L15 16.5L12 13.5L9 16.5L7.5 15L10.5 12L7.5 9L9 7.5L12 10.5L15 7.5Z" fill="currentColor"></path></svg> No </div></td><td>-</td><td>-</td></tr></tbody></table></div>
 <h3 id="properties" style="position:relative" class="page-heading-3 heading-m">Properties<a href="#properties" aria-label="properties permalink" class="header-anchor after"><span><span class="hds-anchor-icon hds-icon hds-icon--link hds-icon--size-xs" aria-hidden="true" style="vertical-align: middle"></span></span></a></h3>
 <p>Note! You can find the full list of properties in the <a aria-label="React Storybook. Opens in a new tab" class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F" href="/storybook/react/?path=/story/components-dialog--default" target="_blank" rel="noopener">React Storybook.</a></p>
-<div class="hds-table-container" tabindex="0"><table class="hds-table hds-table--dark" aria-label="Service users (dark variant)"><thead><tr class="hds-table__header-row dark"><th scope="col">Property</th><th scope="col">Description</th><th scope="col">Values</th><th scope="col">Default value</th></tr></thead><tbody class="hds-table__content"><tr><td><code>isOpen</code></td><td>If set to true, the dialog is visible.</td><td><code>boolean</code></td><td>false</td></tr><tr><td><code>focusAfterCloseRef</code></td><td>The element ref which will get focus after the dialog is closed.</td><td><code>RefObject</code></td><td>-</td></tr><tr><td><code>focusAfterCloseElement</code></td><td>The element which will get focus after the dialog is closed.</td><td><code>Object</code></td><td>-</td></tr><tr><td><code>scrollable</code></td><td>If set to true, the dialog content is scrollable if needed. Use only for long text contents.</td><td><code>boolean</code></td><td>false</td></tr><tr><td><code>variant</code></td><td>Defines the dialog variant.</td><td>primary, danger</td><td>primary</td></tr><tr><td><code>close</code></td><td>A function called when a dialog close button is pressed. The button if shown if this property exists.</td><td><code>function</code></td><td>-</td></tr><tr><td><code>closeButtonLabelText</code></td><td>The aria-label for the close button. Required with <code>close</code> property.</td><td><code>string</code></td><td>-</td></tr></tbody></table></div></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-19" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-19)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
+<div class="hds-table-container" tabindex="0"><table class="hds-table hds-table--dark" aria-label="Service users (dark variant)"><thead><tr class="hds-table__header-row dark"><th scope="col">Property</th><th scope="col">Description</th><th scope="col">Values</th><th scope="col">Default value</th></tr></thead><tbody class="hds-table__content"><tr><td><code>isOpen</code></td><td>If set to true, the dialog is visible.</td><td><code>boolean</code></td><td>false</td></tr><tr><td><code>focusAfterCloseRef</code></td><td>The element ref which will get focus after the dialog is closed.</td><td><code>RefObject</code></td><td>-</td></tr><tr><td><code>focusAfterCloseElement</code></td><td>The element which will get focus after the dialog is closed.</td><td><code>Object</code></td><td>-</td></tr><tr><td><code>scrollable</code></td><td>If set to true, the dialog content is scrollable if needed. Use only for long text contents.</td><td><code>boolean</code></td><td>false</td></tr><tr><td><code>variant</code></td><td>Defines the dialog variant.</td><td>primary, danger</td><td>primary</td></tr><tr><td><code>close</code></td><td>A function called when a dialog close button is pressed. The button if shown if this property exists.</td><td><code>function</code></td><td>-</td></tr><tr><td><code>closeButtonLabelText</code></td><td>The aria-label for the close button. Required with <code>close</code> property.</td><td><code>string</code></td><td>-</td></tr></tbody></table></div></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-20" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-20)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
     window.dev = undefined
     if (window.dev === true || !(navigator.doNotTrack === '1' || window.doNotTrack === '1')) {
       window._paq = window._paq || [];
@@ -830,6 +830,6 @@ <h3 id="properties" style="position:relative" class="page-heading-3 heading-m">P
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/components/dialog/customisation/index.html b/docs/header-custom-theme-site/components/dialog/customisation/index.html
index b414374045..a0b1a8013e 100644
--- a/docs/header-custom-theme-site/components/dialog/customisation/index.html
+++ b/docs/header-custom-theme-site/components/dialog/customisation/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Dialog - Customisation"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Dialog - Customisation"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -177,7 +177,7 @@ <h3 id="customisation-example" style="position:relative" class="page-heading-3 h
     color: transparent !important;
   }
 }
-</style></div></div></div></div></div><div class="playground-block-buttons"><button type="button" class="Button-module_button__1msFE button_hds-button__2A0je Button-module_secondary__1nABp button_hds-button--secondary__1NOWS Button-module_size-small__3lizH button_hds-button--small__2NFef"><span class="Button-module_label__a4np1 button_hds-button__label__2EQa-">Copy code</span></button><button type="button" class="Button-module_button__1msFE button_hds-button__2A0je Button-module_secondary__1nABp button_hds-button--secondary__1NOWS Button-module_size-small__3lizH button_hds-button--small__2NFef"><div class="Button-module_icon__O-h7R button_hds-icon__17j8Z" aria-hidden="true"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-undo" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M14 10C16.2091 10 18 11.7909 18 14C18 16.2091 16.2091 18 14 18H10V20H14.0364L14.188 19.9981C17.4131 19.9171 20 17.2611 20 14C20 10.7389 17.4131 8.08285 14.188 8.0019L8.5 8L12 4.5L10.5 3L4.5 9L10.5 15L12 13.5L8.5 10H14Z" fill="currentColor"></path></svg></div><span class="Button-module_label__a4np1 button_hds-button__label__2EQa-">Reset example</span></button></div></div></div></div></div></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-16" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-16)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
+</style></div></div></div></div></div><div class="playground-block-buttons"><button type="button" class="Button-module_button__1msFE button_hds-button__2A0je Button-module_secondary__1nABp button_hds-button--secondary__1NOWS Button-module_size-small__3lizH button_hds-button--small__2NFef"><span class="Button-module_label__a4np1 button_hds-button__label__2EQa-">Copy code</span></button><button type="button" class="Button-module_button__1msFE button_hds-button__2A0je Button-module_secondary__1nABp button_hds-button--secondary__1NOWS Button-module_size-small__3lizH button_hds-button--small__2NFef"><div class="Button-module_icon__O-h7R button_hds-icon__17j8Z" aria-hidden="true"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-undo" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M14 10C16.2091 10 18 11.7909 18 14C18 16.2091 16.2091 18 14 18H10V20H14.0364L14.188 19.9981C17.4131 19.9171 20 17.2611 20 14C20 10.7389 17.4131 8.08285 14.188 8.0019L8.5 8L12 4.5L10.5 3L4.5 9L10.5 15L12 13.5L8.5 10H14Z" fill="currentColor"></path></svg></div><span class="Button-module_label__a4np1 button_hds-button__label__2EQa-">Reset example</span></button></div></div></div></div></div></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-15" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-15)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
     window.dev = undefined
     if (window.dev === true || !(navigator.doNotTrack === '1' || window.doNotTrack === '1')) {
       window._paq = window._paq || [];
@@ -205,6 +205,6 @@ <h3 id="customisation-example" style="position:relative" class="page-heading-3 h
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/components/dialog/index.html b/docs/header-custom-theme-site/components/dialog/index.html
index 3e084f3768..89dc8bc0e3 100644
--- a/docs/header-custom-theme-site/components/dialog/index.html
+++ b/docs/header-custom-theme-site/components/dialog/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Dialog"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Dialog"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -104,7 +104,7 @@ <h4 id="danger-dialog" style="position:relative" class="page-heading-4 heading-s
 <h4 id="scrollable-dialog" style="position:relative" class="page-heading-4 heading-s">Scrollable dialog<a href="#scrollable-dialog" aria-label="scrollable dialog permalink" class="header-anchor after"><span><span class="hds-anchor-icon hds-icon hds-icon--link hds-icon--size-xs" aria-hidden="true" style="vertical-align: middle"></span></span></a></h4>
 <p>While not recommended, HDS supports scrollable dialogs if there is a large amount of content (e.g. terms of use). <strong>It is recommended to consider other options than a dialog to present the same data since it can be difficult for the user to form a clear understanding of the presented content.</strong></p>
 <!-- -->
-<div class="playground-block-preview playground-block-preview-light"><div></div><button type="button" class="Button-module_button__1msFE button_hds-button__2A0je Button-module_primary__2LfKB button_hds-button--primary__2NVvO"><span class="Button-module_label__a4np1 button_hds-button__label__2EQa-">Open Terms dialog</span></button></div></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-15" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-15)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
+<div class="playground-block-preview playground-block-preview-light"><div></div><button type="button" class="Button-module_button__1msFE button_hds-button__2A0je Button-module_primary__2LfKB button_hds-button--primary__2NVvO"><span class="Button-module_label__a4np1 button_hds-button__label__2EQa-">Open Terms dialog</span></button></div></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-16" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-16)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
     window.dev = undefined
     if (window.dev === true || !(navigator.doNotTrack === '1' || window.doNotTrack === '1')) {
       window._paq = window._paq || [];
@@ -132,6 +132,6 @@ <h4 id="scrollable-dialog" style="position:relative" class="page-heading-4 headi
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/components/dialog/tabs/index.html b/docs/header-custom-theme-site/components/dialog/tabs/index.html
index 427e9607c8..b86fcdf950 100644
--- a/docs/header-custom-theme-site/components/dialog/tabs/index.html
+++ b/docs/header-custom-theme-site/components/dialog/tabs/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Dialog"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Dialog"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -83,6 +83,6 @@
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/components/dropdown/accessibility/index.html b/docs/header-custom-theme-site/components/dropdown/accessibility/index.html
index 0dc7d1e2a6..3d1d0c3f01 100644
--- a/docs/header-custom-theme-site/components/dropdown/accessibility/index.html
+++ b/docs/header-custom-theme-site/components/dropdown/accessibility/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Dropdown - Accessibility"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Dropdown - Accessibility"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -63,7 +63,7 @@ <h3 id="pay-attention-to" style="position:relative" class="page-heading-3 headin
 <li>Placeholder text can be used to give hints and examples to the user what is being selected with the dropdown. <strong>However, all assistive technologies do not treat placeholder texts as labels and therefore they may ignore them completely.</strong> Aim to provide the sufficient information to fill the input in the label or in the assistive text. Also if possible, set default option for the dropdown so the placeholder is not needed.</li>
 <li>In the case of an erroneous selection, aim to provide clear instructions to the user how to correct the mistake. Always provide text description of the error. In dropdowns it is usually possible to filter selectable options for the user to avoid errors completely.</li>
 <li>HDS Dropdowns support getA11ySelectionMessage that should be included to give screen reader better feedback when an option is selected.</li>
-</ul></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-67" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-67)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
+</ul></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-66" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-66)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
     window.dev = undefined
     if (window.dev === true || !(navigator.doNotTrack === '1' || window.doNotTrack === '1')) {
       window._paq = window._paq || [];
@@ -91,6 +91,6 @@ <h3 id="pay-attention-to" style="position:relative" class="page-heading-3 headin
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/components/dropdown/code/index.html b/docs/header-custom-theme-site/components/dropdown/code/index.html
index 6ccb8fb3ec..48d05b35bb 100644
--- a/docs/header-custom-theme-site/components/dropdown/code/index.html
+++ b/docs/header-custom-theme-site/components/dropdown/code/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Dropdown - Code"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Dropdown - Code"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -470,6 +470,6 @@ <h3 id="properties" style="position:relative" class="page-heading-3 heading-m">P
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/components/dropdown/customisation/index.html b/docs/header-custom-theme-site/components/dropdown/customisation/index.html
index b0d82a1aab..5764ff3889 100644
--- a/docs/header-custom-theme-site/components/dropdown/customisation/index.html
+++ b/docs/header-custom-theme-site/components/dropdown/customisation/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Dropdown - Customisation"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Dropdown - Customisation"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -195,7 +195,7 @@ <h3 id="customisation-example" style="position:relative" class="page-heading-3 h
     color: transparent !important;
   }
 }
-</style></div></div></div></div></div><div class="playground-block-buttons"><button type="button" class="Button-module_button__1msFE button_hds-button__2A0je Button-module_secondary__1nABp button_hds-button--secondary__1NOWS Button-module_size-small__3lizH button_hds-button--small__2NFef"><span class="Button-module_label__a4np1 button_hds-button__label__2EQa-">Copy code</span></button><button type="button" class="Button-module_button__1msFE button_hds-button__2A0je Button-module_secondary__1nABp button_hds-button--secondary__1NOWS Button-module_size-small__3lizH button_hds-button--small__2NFef"><div class="Button-module_icon__O-h7R button_hds-icon__17j8Z" aria-hidden="true"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-undo" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M14 10C16.2091 10 18 11.7909 18 14C18 16.2091 16.2091 18 14 18H10V20H14.0364L14.188 19.9981C17.4131 19.9171 20 17.2611 20 14C20 10.7389 17.4131 8.08285 14.188 8.0019L8.5 8L12 4.5L10.5 3L4.5 9L10.5 15L12 13.5L8.5 10H14Z" fill="currentColor"></path></svg></div><span class="Button-module_label__a4np1 button_hds-button__label__2EQa-">Reset example</span></button></div></div></div></div></div></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-63" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-63)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
+</style></div></div></div></div></div><div class="playground-block-buttons"><button type="button" class="Button-module_button__1msFE button_hds-button__2A0je Button-module_secondary__1nABp button_hds-button--secondary__1NOWS Button-module_size-small__3lizH button_hds-button--small__2NFef"><span class="Button-module_label__a4np1 button_hds-button__label__2EQa-">Copy code</span></button><button type="button" class="Button-module_button__1msFE button_hds-button__2A0je Button-module_secondary__1nABp button_hds-button--secondary__1NOWS Button-module_size-small__3lizH button_hds-button--small__2NFef"><div class="Button-module_icon__O-h7R button_hds-icon__17j8Z" aria-hidden="true"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-undo" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M14 10C16.2091 10 18 11.7909 18 14C18 16.2091 16.2091 18 14 18H10V20H14.0364L14.188 19.9981C17.4131 19.9171 20 17.2611 20 14C20 10.7389 17.4131 8.08285 14.188 8.0019L8.5 8L12 4.5L10.5 3L4.5 9L10.5 15L12 13.5L8.5 10H14Z" fill="currentColor"></path></svg></div><span class="Button-module_label__a4np1 button_hds-button__label__2EQa-">Reset example</span></button></div></div></div></div></div></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-62" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-62)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
     window.dev = undefined
     if (window.dev === true || !(navigator.doNotTrack === '1' || window.doNotTrack === '1')) {
       window._paq = window._paq || [];
@@ -223,6 +223,6 @@ <h3 id="customisation-example" style="position:relative" class="page-heading-3 h
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/components/dropdown/index.html b/docs/header-custom-theme-site/components/dropdown/index.html
index 7653c639d6..10e78e50bc 100644
--- a/docs/header-custom-theme-site/components/dropdown/index.html
+++ b/docs/header-custom-theme-site/components/dropdown/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Dropdown"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Dropdown"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -134,6 +134,6 @@ <h4 id="combobox-multi-selection" style="position:relative" class="page-heading-
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/components/dropdown/tabs/index.html b/docs/header-custom-theme-site/components/dropdown/tabs/index.html
index b74d2c6d64..ccf83ff7f8 100644
--- a/docs/header-custom-theme-site/components/dropdown/tabs/index.html
+++ b/docs/header-custom-theme-site/components/dropdown/tabs/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Dropdown"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Dropdown"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -83,6 +83,6 @@
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/components/fieldset/accessibility/index.html b/docs/header-custom-theme-site/components/fieldset/accessibility/index.html
index c2b45df33f..44bee1129e 100644
--- a/docs/header-custom-theme-site/components/fieldset/accessibility/index.html
+++ b/docs/header-custom-theme-site/components/fieldset/accessibility/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Fieldset - Accessibility"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Fieldset - Accessibility"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -88,6 +88,6 @@ <h3 id="pay-attention-to" style="position:relative" class="page-heading-3 headin
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/components/fieldset/code/index.html b/docs/header-custom-theme-site/components/fieldset/code/index.html
index dcfa499d7e..aacc25faf4 100644
--- a/docs/header-custom-theme-site/components/fieldset/code/index.html
+++ b/docs/header-custom-theme-site/components/fieldset/code/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Fieldset - Code"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Fieldset - Code"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -261,7 +261,7 @@ <h3 id="packages" style="position:relative" class="page-heading-3 heading-m">Pac
 <div class="hds-table-container" tabindex="0"><table class="hds-table hds-table--dark" aria-label="Service users (dark variant)"><thead><tr class="hds-table__header-row dark"><th scope="col">Package</th><th scope="col">Included</th><th scope="col">Storybook link</th><th scope="col">Source link</th></tr></thead><tbody class="hds-table__content"><tr><td><strong>HDS React</strong></td><td><div style="display:flex;gap:var(--spacing-3-xs)"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="check-circle-fill" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3ZM16.5 8L18 9.5L10.5 17L6 12.5L7.5 11L10.5 14L16.5 8Z" fill="currentColor"></path></svg> Yes </div></td><td><a aria-label="View in Storybook. Opens in a new tab" class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F" href="/storybook/react/?path=/story/components-fieldset--default" target="_blank" rel="noopener">View in Storybook</a></td><td><a aria-label="View source. Opens in a new tab Opens a different website." class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F" href="https://github.com/City-of-Helsinki/helsinki-design-system/blob/master/packages/react/src/components/fieldset/Fieldset.tsx" target="_blank" rel="noopener">View source<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik Link-module_icon__3ReCc link_icon__i_HqN Link-module_verticalAlignMediumIcon__12PVa link_vertical-align-medium-icon__3IWi1" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="link-external" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M5 3V19H21V21H3V3H5ZM21 3V12H19V6.413L9.91421 15.5L8.5 14.0858L17.585 5H12V3H21Z" fill="currentColor"></path></svg></a></td></tr><tr><td><strong>HDS Core</strong></td><td><div style="display:flex;gap:var(--spacing-3-xs)"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="check-circle-fill" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3ZM16.5 8L18 9.5L10.5 17L6 12.5L7.5 11L10.5 14L16.5 8Z" fill="currentColor"></path></svg> Yes </div></td><td><a aria-label="View in Storybook. Opens in a new tab" class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F" href="/storybook/core/?path=/story/components-fieldset--default" target="_blank" rel="noopener">View in Storybook</a></td><td><a aria-label="View source. Opens in a new tab Opens a different website." class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F" href="https://github.com/City-of-Helsinki/helsinki-design-system/tree/master/packages/core/src/components/fieldset" target="_blank" rel="noopener">View source<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik Link-module_icon__3ReCc link_icon__i_HqN Link-module_verticalAlignMediumIcon__12PVa link_vertical-align-medium-icon__3IWi1" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="link-external" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M5 3V19H21V21H3V3H5ZM21 3V12H19V6.413L9.91421 15.5L8.5 14.0858L17.585 5H12V3H21Z" fill="currentColor"></path></svg></a></td></tr></tbody></table></div>
 <h3 id="properties" style="position:relative" class="page-heading-3 heading-m">Properties<a href="#properties" aria-label="properties permalink" class="header-anchor after"><span><span class="hds-anchor-icon hds-icon hds-icon--link hds-icon--size-xs" aria-hidden="true" style="vertical-align: middle"></span></span></a></h3>
 <p>Note! You can find the full list of properties in the <a aria-label="React Storybook. Opens in a new tab" class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F" href="/storybook/react/?path=/story/components-dropdowns-select--default" target="_blank" rel="noopener">React Storybook.</a></p>
-<div class="hds-table-container" tabindex="0"><table class="hds-table hds-table--dark" aria-label="Service users (dark variant)"><thead><tr class="hds-table__header-row dark"><th scope="col">Property</th><th scope="col">Description</th><th scope="col">Values</th><th scope="col">Default value</th></tr></thead><tbody class="hds-table__content"><tr><td><code>heading</code></td><td>Heading of the fieldset element.</td><td><code>string</code></td><td>-</td></tr><tr><td><code>border</code></td><td>If set to true, a border is drawn around the fieldset.</td><td><code>boolean</code></td><td>false</td></tr><tr><td><code>helperText</code></td><td>The help text content that will be shown below the fieldset content.</td><td><code>string</code></td><td>-</td></tr><tr><td><code>tooltipLabel</code></td><td>The aria-label text for the tooltip.</td><td><code>string</code></td><td>-</td></tr><tr><td><code>tooltipButtonLabel</code></td><td>The aria-label text for the tooltip trigger button.</td><td><code>string</code></td><td>-</td></tr><tr><td><code>tooltipText</code></td><td>The text content of the tooltip.</td><td><code>string</code></td><td>-</td></tr></tbody></table></div></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-214" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-214)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
+<div class="hds-table-container" tabindex="0"><table class="hds-table hds-table--dark" aria-label="Service users (dark variant)"><thead><tr class="hds-table__header-row dark"><th scope="col">Property</th><th scope="col">Description</th><th scope="col">Values</th><th scope="col">Default value</th></tr></thead><tbody class="hds-table__content"><tr><td><code>heading</code></td><td>Heading of the fieldset element.</td><td><code>string</code></td><td>-</td></tr><tr><td><code>border</code></td><td>If set to true, a border is drawn around the fieldset.</td><td><code>boolean</code></td><td>false</td></tr><tr><td><code>helperText</code></td><td>The help text content that will be shown below the fieldset content.</td><td><code>string</code></td><td>-</td></tr><tr><td><code>tooltipLabel</code></td><td>The aria-label text for the tooltip.</td><td><code>string</code></td><td>-</td></tr><tr><td><code>tooltipButtonLabel</code></td><td>The aria-label text for the tooltip trigger button.</td><td><code>string</code></td><td>-</td></tr><tr><td><code>tooltipText</code></td><td>The text content of the tooltip.</td><td><code>string</code></td><td>-</td></tr></tbody></table></div></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-213" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-213)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
     window.dev = undefined
     if (window.dev === true || !(navigator.doNotTrack === '1' || window.doNotTrack === '1')) {
       window._paq = window._paq || [];
@@ -289,6 +289,6 @@ <h3 id="properties" style="position:relative" class="page-heading-3 heading-m">P
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/components/fieldset/index.html b/docs/header-custom-theme-site/components/fieldset/index.html
index 66e130cdd4..c6e923c32b 100644
--- a/docs/header-custom-theme-site/components/fieldset/index.html
+++ b/docs/header-custom-theme-site/components/fieldset/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Fieldset"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Fieldset"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -89,7 +89,7 @@ <h4 id="with-border" style="position:relative" class="page-heading-4 heading-s">
 <div class="playground-block-preview playground-block-preview-light"><fieldset class="Fieldset-module_fieldset__2OtST fieldset_hds-fieldset__2FPi3 fieldset_hds-fieldset--border__3aSAk" style="max-width:400px"><legend class="Fieldset-module_legend__35Acm fieldset_hds-fieldset-legend__2-X6z">Applicant information</legend><div class="TextInput-module_root__2CMNr text-input_hds-text-input__2LODq"><label for="first-name-2" class="FieldLabel-module_label__1zrXK ">First name</label><div class="TextInput-module_inputWrapper__3Rvel text-input_hds-text-input__input-wrapper__1OqYG"><input class="TextInput-module_input__1BlHi text-input_hds-text-input__input__GJm5C" id="first-name-2" type="text" name="first-name"/></div></div><div class="TextInput-module_root__2CMNr text-input_hds-text-input__2LODq" style="margin-top:12px"><label for="last-name-2" class="FieldLabel-module_label__1zrXK ">Last name</label><div class="TextInput-module_inputWrapper__3Rvel text-input_hds-text-input__input-wrapper__1OqYG"><input class="TextInput-module_input__1BlHi text-input_hds-text-input__input__GJm5C" id="last-name-2" type="text" name="last-name"/></div></div><div class="TextInput-module_root__2CMNr text-input_hds-text-input__2LODq" style="margin-top:12px"><label for="social-security-number-2" class="FieldLabel-module_label__1zrXK ">Social security number</label><div class="TextInput-module_inputWrapper__3Rvel text-input_hds-text-input__input-wrapper__1OqYG"><input class="TextInput-module_input__1BlHi text-input_hds-text-input__input__GJm5C" id="social-security-number-2" type="text" name="social-security-number" placeholder="Eg. 111299-1234"/></div></div></fieldset></div>
 <h4 id="with-tooltip" style="position:relative" class="page-heading-4 heading-s">With tooltip<a href="#with-tooltip" aria-label="with tooltip permalink" class="header-anchor after"><span><span class="hds-anchor-icon hds-icon hds-icon--link hds-icon--size-xs" aria-hidden="true" style="vertical-align: middle"></span></span></a></h4>
 <p>A Fieldset can be provided with additional tooltip. Tooltip information should be considered as extra information, for example, why this information is gathered or how is it used. You can find more information about Tooltips how they are used from the <a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F" href="/hds-demo/header-custom-theme-site/components/tooltip">Tooltip documentation page</a>.</p>
-<div class="playground-block-preview playground-block-preview-light"><fieldset class="Fieldset-module_fieldset__2OtST fieldset_hds-fieldset__2FPi3" style="max-width:400px"><legend class="Fieldset-module_legendWithTooltip__1fDha fieldset_hds-fieldset-legend__2-X6z">Applicant information<div class="Tooltip-module_root__1Yo9t Fieldset-module_tooltipButton__2lhCc"><button type="button" class="Tooltip-module_button__2x9m0" title="tooltip button aria label" aria-label="tooltip button aria label" aria-expanded="false"><span aria-hidden="true"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="question-circle" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2ZM12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4ZM13 16V18H11V16H13ZM12.0437 5.75C14.0343 5.75 15.7173 7.29464 15.7173 9.42361C15.7173 10.7806 15.2461 11.489 14.161 12.306L13.9187 12.4844C13.1753 13.0295 12.9556 13.3359 12.9386 14.142L12.9375 14.25H10.9375C10.9375 12.6746 11.4591 11.8378 12.6143 10.9622L12.8618 10.7796C13.5685 10.2628 13.7173 10.0539 13.7173 9.42361C13.7173 8.43934 12.9662 7.75 12.0437 7.75C11.1907 7.75 10.4785 8.34077 10.3816 9.20835L10.3734 9.30587L8.37663 9.19182C8.49191 7.17347 10.1344 5.75 12.0437 5.75Z" fill="currentColor"></path></svg></span></button></div></legend><div class="TextInput-module_root__2CMNr text-input_hds-text-input__2LODq"><label for="first-name-1" class="FieldLabel-module_label__1zrXK ">First name</label><div class="TextInput-module_inputWrapper__3Rvel text-input_hds-text-input__input-wrapper__1OqYG"><input class="TextInput-module_input__1BlHi text-input_hds-text-input__input__GJm5C" id="first-name-1" type="text" name="first-name"/></div></div><div class="TextInput-module_root__2CMNr text-input_hds-text-input__2LODq" style="margin-top:12px"><label for="last-name-1" class="FieldLabel-module_label__1zrXK ">Last name</label><div class="TextInput-module_inputWrapper__3Rvel text-input_hds-text-input__input-wrapper__1OqYG"><input class="TextInput-module_input__1BlHi text-input_hds-text-input__input__GJm5C" id="last-name-1" type="text" name="last-name"/></div></div><div class="TextInput-module_root__2CMNr text-input_hds-text-input__2LODq" style="margin-top:12px"><label for="social-security-number-1" class="FieldLabel-module_label__1zrXK ">Social security number</label><div class="TextInput-module_inputWrapper__3Rvel text-input_hds-text-input__input-wrapper__1OqYG"><input class="TextInput-module_input__1BlHi text-input_hds-text-input__input__GJm5C" id="social-security-number-1" type="text" name="social-security-number" placeholder="Eg. 111299-1234"/></div></div></fieldset></div></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-213" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-213)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
+<div class="playground-block-preview playground-block-preview-light"><fieldset class="Fieldset-module_fieldset__2OtST fieldset_hds-fieldset__2FPi3" style="max-width:400px"><legend class="Fieldset-module_legendWithTooltip__1fDha fieldset_hds-fieldset-legend__2-X6z">Applicant information<div class="Tooltip-module_root__1Yo9t Fieldset-module_tooltipButton__2lhCc"><button type="button" class="Tooltip-module_button__2x9m0" title="tooltip button aria label" aria-label="tooltip button aria label" aria-expanded="false"><span aria-hidden="true"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="question-circle" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2ZM12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4ZM13 16V18H11V16H13ZM12.0437 5.75C14.0343 5.75 15.7173 7.29464 15.7173 9.42361C15.7173 10.7806 15.2461 11.489 14.161 12.306L13.9187 12.4844C13.1753 13.0295 12.9556 13.3359 12.9386 14.142L12.9375 14.25H10.9375C10.9375 12.6746 11.4591 11.8378 12.6143 10.9622L12.8618 10.7796C13.5685 10.2628 13.7173 10.0539 13.7173 9.42361C13.7173 8.43934 12.9662 7.75 12.0437 7.75C11.1907 7.75 10.4785 8.34077 10.3816 9.20835L10.3734 9.30587L8.37663 9.19182C8.49191 7.17347 10.1344 5.75 12.0437 5.75Z" fill="currentColor"></path></svg></span></button></div></legend><div class="TextInput-module_root__2CMNr text-input_hds-text-input__2LODq"><label for="first-name-1" class="FieldLabel-module_label__1zrXK ">First name</label><div class="TextInput-module_inputWrapper__3Rvel text-input_hds-text-input__input-wrapper__1OqYG"><input class="TextInput-module_input__1BlHi text-input_hds-text-input__input__GJm5C" id="first-name-1" type="text" name="first-name"/></div></div><div class="TextInput-module_root__2CMNr text-input_hds-text-input__2LODq" style="margin-top:12px"><label for="last-name-1" class="FieldLabel-module_label__1zrXK ">Last name</label><div class="TextInput-module_inputWrapper__3Rvel text-input_hds-text-input__input-wrapper__1OqYG"><input class="TextInput-module_input__1BlHi text-input_hds-text-input__input__GJm5C" id="last-name-1" type="text" name="last-name"/></div></div><div class="TextInput-module_root__2CMNr text-input_hds-text-input__2LODq" style="margin-top:12px"><label for="social-security-number-1" class="FieldLabel-module_label__1zrXK ">Social security number</label><div class="TextInput-module_inputWrapper__3Rvel text-input_hds-text-input__input-wrapper__1OqYG"><input class="TextInput-module_input__1BlHi text-input_hds-text-input__input__GJm5C" id="social-security-number-1" type="text" name="social-security-number" placeholder="Eg. 111299-1234"/></div></div></fieldset></div></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-214" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-214)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
     window.dev = undefined
     if (window.dev === true || !(navigator.doNotTrack === '1' || window.doNotTrack === '1')) {
       window._paq = window._paq || [];
@@ -117,6 +117,6 @@ <h4 id="with-tooltip" style="position:relative" class="page-heading-4 heading-s"
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/components/fieldset/tabs/index.html b/docs/header-custom-theme-site/components/fieldset/tabs/index.html
index e09ced9950..008741cfb9 100644
--- a/docs/header-custom-theme-site/components/fieldset/tabs/index.html
+++ b/docs/header-custom-theme-site/components/fieldset/tabs/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Fieldset"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Fieldset"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -83,6 +83,6 @@
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/components/file-input/accessibility/index.html b/docs/header-custom-theme-site/components/file-input/accessibility/index.html
index ef509d472f..3a8c717b5d 100644
--- a/docs/header-custom-theme-site/components/file-input/accessibility/index.html
+++ b/docs/header-custom-theme-site/components/file-input/accessibility/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | FileInput - Accessibility"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | FileInput - Accessibility"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -88,6 +88,6 @@ <h3 id="pay-attention-to" style="position:relative" class="page-heading-3 headin
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/components/file-input/code/index.html b/docs/header-custom-theme-site/components/file-input/code/index.html
index 7f541b90f9..101dd1d414 100644
--- a/docs/header-custom-theme-site/components/file-input/code/index.html
+++ b/docs/header-custom-theme-site/components/file-input/code/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | FileInput - Code"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | FileInput - Code"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -261,6 +261,6 @@ <h3 id="properties" style="position:relative" class="page-heading-3 heading-m">P
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/components/file-input/index.html b/docs/header-custom-theme-site/components/file-input/index.html
index 05796ff75d..cf5a1f57a8 100644
--- a/docs/header-custom-theme-site/components/file-input/index.html
+++ b/docs/header-custom-theme-site/components/file-input/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | FileInput"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | FileInput"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -92,7 +92,7 @@ <h4 id="with-drag-and-drop" style="position:relative" class="page-heading-4 head
 <h4 id="with-default-value" style="position:relative" class="page-heading-4 heading-s">With default value<a href="#with-default-value" aria-label="with default value permalink" class="header-anchor after"><span><span class="hds-anchor-icon hds-icon hds-icon--link hds-icon--size-xs" aria-hidden="true" style="vertical-align: middle"></span></span></a></h4>
 <p>If needed, the file input can be prefilled with pre-existing file(s). Useful, for example, if adding files in a multi-page form and coming back to the file-adding step again.</p>
 <!-- -->
-<div class="playground-block-preview playground-block-preview-light"></div></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-86" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-86)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
+<div class="playground-block-preview playground-block-preview-light"></div></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-87" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-87)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
     window.dev = undefined
     if (window.dev === true || !(navigator.doNotTrack === '1' || window.doNotTrack === '1')) {
       window._paq = window._paq || [];
@@ -120,6 +120,6 @@ <h4 id="with-default-value" style="position:relative" class="page-heading-4 head
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/components/file-input/security/index.html b/docs/header-custom-theme-site/components/file-input/security/index.html
index 0d22f36ddd..c4f7801c55 100644
--- a/docs/header-custom-theme-site/components/file-input/security/index.html
+++ b/docs/header-custom-theme-site/components/file-input/security/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | FileInput - Security"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | FileInput - Security"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -100,6 +100,6 @@
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/components/file-input/tabs/index.html b/docs/header-custom-theme-site/components/file-input/tabs/index.html
index 9a9b1118ef..4ff77b059d 100644
--- a/docs/header-custom-theme-site/components/file-input/tabs/index.html
+++ b/docs/header-custom-theme-site/components/file-input/tabs/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | FileInput"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | FileInput"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -83,6 +83,6 @@
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/components/footer/accessibility/index.html b/docs/header-custom-theme-site/components/footer/accessibility/index.html
index 7fc0a13ac7..9952151b87 100644
--- a/docs/header-custom-theme-site/components/footer/accessibility/index.html
+++ b/docs/header-custom-theme-site/components/footer/accessibility/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Footer - Accessibility"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Footer - Accessibility"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -89,6 +89,6 @@ <h3 id="pay-attention-to" style="position:relative" class="page-heading-3 headin
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/components/footer/code/index.html b/docs/header-custom-theme-site/components/footer/code/index.html
index 9badf2f5fb..4b1351414c 100644
--- a/docs/header-custom-theme-site/components/footer/code/index.html
+++ b/docs/header-custom-theme-site/components/footer/code/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Footer - Code"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Footer - Code"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -725,6 +725,6 @@ <h3 id="properties" style="position:relative" class="page-heading-3 heading-m">P
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/components/footer/customisation/index.html b/docs/header-custom-theme-site/components/footer/customisation/index.html
index f4999df8de..ee0fd75d79 100644
--- a/docs/header-custom-theme-site/components/footer/customisation/index.html
+++ b/docs/header-custom-theme-site/components/footer/customisation/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Footer - Customisation"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Footer - Customisation"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -214,7 +214,7 @@ <h3 id="custom-section" style="position:relative" class="page-heading-3 heading-
     color: transparent !important;
   }
 }
-</style></div></div></div></div></div><div class="playground-block-buttons"><button type="button" class="Button-module_button__1msFE button_hds-button__2A0je Button-module_secondary__1nABp button_hds-button--secondary__1NOWS Button-module_size-small__3lizH button_hds-button--small__2NFef"><span class="Button-module_label__a4np1 button_hds-button__label__2EQa-">Copy code</span></button><button type="button" class="Button-module_button__1msFE button_hds-button__2A0je Button-module_secondary__1nABp button_hds-button--secondary__1NOWS Button-module_size-small__3lizH button_hds-button--small__2NFef"><div class="Button-module_icon__O-h7R button_hds-icon__17j8Z" aria-hidden="true"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-undo" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M14 10C16.2091 10 18 11.7909 18 14C18 16.2091 16.2091 18 14 18H10V20H14.0364L14.188 19.9981C17.4131 19.9171 20 17.2611 20 14C20 10.7389 17.4131 8.08285 14.188 8.0019L8.5 8L12 4.5L10.5 3L4.5 9L10.5 15L12 13.5L8.5 10H14Z" fill="currentColor"></path></svg></div><span class="Button-module_label__a4np1 button_hds-button__label__2EQa-">Reset example</span></button></div></div></div></div></div></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-205" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-205)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
+</style></div></div></div></div></div><div class="playground-block-buttons"><button type="button" class="Button-module_button__1msFE button_hds-button__2A0je Button-module_secondary__1nABp button_hds-button--secondary__1NOWS Button-module_size-small__3lizH button_hds-button--small__2NFef"><span class="Button-module_label__a4np1 button_hds-button__label__2EQa-">Copy code</span></button><button type="button" class="Button-module_button__1msFE button_hds-button__2A0je Button-module_secondary__1nABp button_hds-button--secondary__1NOWS Button-module_size-small__3lizH button_hds-button--small__2NFef"><div class="Button-module_icon__O-h7R button_hds-icon__17j8Z" aria-hidden="true"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-undo" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M14 10C16.2091 10 18 11.7909 18 14C18 16.2091 16.2091 18 14 18H10V20H14.0364L14.188 19.9981C17.4131 19.9171 20 17.2611 20 14C20 10.7389 17.4131 8.08285 14.188 8.0019L8.5 8L12 4.5L10.5 3L4.5 9L10.5 15L12 13.5L8.5 10H14Z" fill="currentColor"></path></svg></div><span class="Button-module_label__a4np1 button_hds-button__label__2EQa-">Reset example</span></button></div></div></div></div></div></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-204" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-204)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
     window.dev = undefined
     if (window.dev === true || !(navigator.doNotTrack === '1' || window.doNotTrack === '1')) {
       window._paq = window._paq || [];
@@ -242,6 +242,6 @@ <h3 id="custom-section" style="position:relative" class="page-heading-3 heading-
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/components/footer/index.html b/docs/header-custom-theme-site/components/footer/index.html
index 7bf9879f4a..83521fe9f1 100644
--- a/docs/header-custom-theme-site/components/footer/index.html
+++ b/docs/header-custom-theme-site/components/footer/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Footer"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Footer"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -130,6 +130,6 @@ <h4 id="utility-section-variations" style="position:relative" class="page-headin
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/components/footer/tabs/index.html b/docs/header-custom-theme-site/components/footer/tabs/index.html
index 02815829dc..545046c439 100644
--- a/docs/header-custom-theme-site/components/footer/tabs/index.html
+++ b/docs/header-custom-theme-site/components/footer/tabs/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Footer"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Footer"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -55,7 +55,7 @@
   </script><link rel="manifest" href="/hds-demo/header-custom-theme-site/manifest.webmanifest" crossorigin="anonymous"/><link rel="apple-touch-icon" sizes="any" href="/hds-demo/header-custom-theme-site/favicon/light/favicon-32x32.ico"/><link rel="apple-touch-icon" href="/hds-demo/header-custom-theme-site/favicon/light/apple-touch-icon.png"/><link rel="apple-touch-icon" sizes="192x192" href="/hds-demo/header-custom-theme-site/favicon/light/favicon-192x192.png"/><link rel="apple-touch-icon" sizes="512x512" href="/hds-demo/header-custom-theme-site/favicon/light/favicon-512x512.png"/><link rel="preconnect" href="https://webanalytics.digiaiiris.com/js"/></head><body><div id="___gatsby"><div style="outline:none" tabindex="-1" id="gatsby-focus-wrapper"><div class="page text-body"><header id="page-header" class="Navigation-module_header__2HNOX Navigation-module_theme-light__36nmi pageHeader"><a class="Navigation-module_skipToContent__2p54x" href="#content">Skip to content</a><div class="visible-module_belowM__2GR1J"><div class="Navigation-module_headerBackgroundWrapper__137R3"><div class="Navigation-module_headerContainer__2YPsu"><a class="Navigation-module_title__3zRBe" href="https://hds.hel.fi" aria-label="Helsinki: Helsinki Design System"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Navigation-module_logo__1sEy6" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg><span><div class="page-header-title"><div>Helsinki Design System</div><div class="page-header-title-badge"><img style="filter:invert(1)" alt="HDS version number: 2.15.0" src="https://img.shields.io/github/v/release/City-of-Helsinki/helsinki-design-system?label=&amp;style=for-the-badge&amp;color=1a1a1a"/></div></div></span></a><button aria-label="menu" aria-haspopup="true" aria-expanded="false" type="button" class="Navigation-module_mobileMenuToggle__1v6en"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="menu-hamburger" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M22 17V19H2V17H22ZM22 11V13H2V11H22ZM22 5V7H2V5H22Z" fill="currentColor"></path></svg></button></div></div></div><div class="visible-module_aboveM__31mn_"><div class="Navigation-module_headerBackgroundWrapper__137R3"><div class="Navigation-module_headerContainer__2YPsu"><a class="Navigation-module_title__3zRBe" href="https://hds.hel.fi" aria-label="Helsinki: Helsinki Design System"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Navigation-module_logo__1sEy6" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg><span><div class="page-header-title"><div>Helsinki Design System</div><div class="page-header-title-badge"><img style="filter:invert(1)" alt="HDS version number: 2.15.0" src="https://img.shields.io/github/v/release/City-of-Helsinki/helsinki-design-system?label=&amp;style=for-the-badge&amp;color=1a1a1a"/></div></div></span></a><div class="Navigation-module_headerContent__3zHbK"></div></div></div><nav class="NavigationRow-module_navigation__24tui NavigationRow-module_subNav__3fDXv" aria-label="Site navigation"><a class="NavigationItem-module_rowItem__2QxRz" href="/hds-demo/header-custom-theme-site/getting-started/"><span class="NavigationItem-module_label__1UsXG button_hds-button__label__3r3Mi">Getting started</span></a><a class="NavigationItem-module_rowItem__2QxRz" href="/hds-demo/header-custom-theme-site/foundation/"><span class="NavigationItem-module_label__1UsXG button_hds-button__label__3r3Mi">Foundation</span></a><a aria-current="page" class="NavigationItem-module_rowItem__2QxRz NavigationItem-module_active__3Ckcw" href="/hds-demo/header-custom-theme-site/components/"><span class="NavigationItem-module_label__1UsXG button_hds-button__label__3r3Mi">Components</span></a><a class="NavigationItem-module_rowItem__2QxRz" href="/hds-demo/header-custom-theme-site/patterns/"><span class="NavigationItem-module_label__1UsXG button_hds-button__label__3r3Mi">Patterns</span></a><a class="NavigationItem-module_rowItem__2QxRz" href="/hds-demo/header-custom-theme-site/about/"><span class="NavigationItem-module_label__1UsXG button_hds-button__label__3r3Mi">About</span></a></nav></div></header><div class="page-content"><aside class="side-content"><nav class="SideNavigation-module_sideNavigation__3X-9P" id="side-navigation" aria-label="Components"><button type="button" class="Button-module_button__1msFE button_hds-button__2A0je Button-module_secondary__1nABp button_hds-button--secondary__1NOWS Button-module_fullWidth__31eVK button_hds-button--fullwidth__1_hG9 SideNavigation-module_toggleButton__10tXH" aria-controls="side-navigation-menu" aria-expanded="false" aria-haspopup="true"><span class="Button-module_label__a4np1 button_hds-button__label__2EQa-">Navigate to page</span><div class="Button-module_icon__O-h7R button_hds-icon__17j8Z" aria-hidden="true"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-down" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 13.5L17 8.5L18.5 10L12 16.5L5.5 10L7 8.5L12 13.5Z" fill="currentColor"></path></svg></div></button><ul class="SideNavigation-module_mainLevelList__SLZKQ" aria-label="Navigate to page" id="side-navigation-menu"><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Overview" id="side-nav-components" href="/hds-demo/header-custom-theme-site/components"><span class="MainLevel-module_label__uWKJ7">Overview</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Accordion" id="side-nav-components-accordion" href="/hds-demo/header-custom-theme-site/components/accordion"><span class="MainLevel-module_label__uWKJ7">Accordion</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Breadcrumb" id="side-nav-components-breadcrumb" href="/hds-demo/header-custom-theme-site/components/breadcrumb"><span class="MainLevel-module_label__uWKJ7">Breadcrumb</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Button" id="side-nav-components-buttons" href="/hds-demo/header-custom-theme-site/components/buttons"><span class="MainLevel-module_label__uWKJ7">Button</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Card" id="side-nav-components-card" href="/hds-demo/header-custom-theme-site/components/card"><span class="MainLevel-module_label__uWKJ7">Card</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Checkbox" id="side-nav-components-checkbox" href="/hds-demo/header-custom-theme-site/components/checkbox"><span class="MainLevel-module_label__uWKJ7">Checkbox</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="CookieConsent" id="side-nav-components-cookie-consent" href="/hds-demo/header-custom-theme-site/components/cookie-consent"><span class="MainLevel-module_label__uWKJ7">CookieConsent</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="DateInput" id="side-nav-components-date-input" href="/hds-demo/header-custom-theme-site/components/date-input"><span class="MainLevel-module_label__uWKJ7">DateInput</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Dialog" id="side-nav-components-dialog" href="/hds-demo/header-custom-theme-site/components/dialog"><span class="MainLevel-module_label__uWKJ7">Dialog</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Dropdown" id="side-nav-components-dropdown" href="/hds-demo/header-custom-theme-site/components/dropdown"><span class="MainLevel-module_label__uWKJ7">Dropdown</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Fieldset" id="side-nav-components-fieldset" href="/hds-demo/header-custom-theme-site/components/fieldset"><span class="MainLevel-module_label__uWKJ7">Fieldset</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="FileInput" id="side-nav-components-file-input" href="/hds-demo/header-custom-theme-site/components/file-input"><span class="MainLevel-module_label__uWKJ7">FileInput</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_active__3IkdI MainLevel-module_open__2yWFj"><a aria-current="page" aria-label="Footer" id="side-nav-components-footer" href="/hds-demo/header-custom-theme-site/components/footer"><span class="MainLevel-module_label__uWKJ7">Footer</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Header" id="side-nav-components-header" href="/hds-demo/header-custom-theme-site/components/header"><span class="MainLevel-module_label__uWKJ7">Header</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Hero" id="side-nav-components-hero" href="/hds-demo/header-custom-theme-site/components/hero"><span class="MainLevel-module_label__uWKJ7">Hero</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Highlight" id="side-nav-components-highlight" href="/hds-demo/header-custom-theme-site/components/highlight"><span class="MainLevel-module_label__uWKJ7">Highlight</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Icon" id="side-nav-components-icon" href="/hds-demo/header-custom-theme-site/components/icon"><span class="MainLevel-module_label__uWKJ7">Icon</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Koros" id="side-nav-components-koros" href="/hds-demo/header-custom-theme-site/components/koros"><span class="MainLevel-module_label__uWKJ7">Koros</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Link" id="side-nav-components-link" href="/hds-demo/header-custom-theme-site/components/link"><span class="MainLevel-module_label__uWKJ7">Link</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Linkbox" id="side-nav-components-linkbox" href="/hds-demo/header-custom-theme-site/components/linkbox"><span class="MainLevel-module_label__uWKJ7">Linkbox</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="LoadingSpinner" id="side-nav-components-loading-spinner" href="/hds-demo/header-custom-theme-site/components/loading-spinner"><span class="MainLevel-module_label__uWKJ7">LoadingSpinner</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Logo" id="side-nav-components-logo" href="/hds-demo/header-custom-theme-site/components/logo"><span class="MainLevel-module_label__uWKJ7">Logo</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Navigation" id="side-nav-components-navigation" href="/hds-demo/header-custom-theme-site/components/navigation"><span class="MainLevel-module_label__uWKJ7">Navigation</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Notification" id="side-nav-components-notification" href="/hds-demo/header-custom-theme-site/components/notification"><span class="MainLevel-module_label__uWKJ7">Notification</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="NumberInput" id="side-nav-components-number-input" href="/hds-demo/header-custom-theme-site/components/number-input"><span class="MainLevel-module_label__uWKJ7">NumberInput</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Pagination" id="side-nav-components-pagination" href="/hds-demo/header-custom-theme-site/components/pagination"><span class="MainLevel-module_label__uWKJ7">Pagination</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="PasswordInput" id="side-nav-components-password-input" href="/hds-demo/header-custom-theme-site/components/password-input"><span class="MainLevel-module_label__uWKJ7">PasswordInput</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="PhoneInput" id="side-nav-components-phone-input" href="/hds-demo/header-custom-theme-site/components/phone-input"><span class="MainLevel-module_label__uWKJ7">PhoneInput</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="RadioButton" id="side-nav-components-radio-button" href="/hds-demo/header-custom-theme-site/components/radio-button"><span class="MainLevel-module_label__uWKJ7">RadioButton</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="SearchInput" id="side-nav-components-search-input" href="/hds-demo/header-custom-theme-site/components/search-input"><span class="MainLevel-module_label__uWKJ7">SearchInput</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="SelectionGroup" id="side-nav-components-selection-group" href="/hds-demo/header-custom-theme-site/components/selection-group"><span class="MainLevel-module_label__uWKJ7">SelectionGroup</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="SideNavigation" id="side-nav-components-side-navigation" href="/hds-demo/header-custom-theme-site/components/side-navigation"><span class="MainLevel-module_label__uWKJ7">SideNavigation</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="StatusLabel" id="side-nav-components-status-label" href="/hds-demo/header-custom-theme-site/components/status-label"><span class="MainLevel-module_label__uWKJ7">StatusLabel</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="StepByStep" id="side-nav-components-step-by-step" href="/hds-demo/header-custom-theme-site/components/step-by-step"><span class="MainLevel-module_label__uWKJ7">StepByStep</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Stepper" id="side-nav-components-stepper" href="/hds-demo/header-custom-theme-site/components/stepper"><span class="MainLevel-module_label__uWKJ7">Stepper</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Table" id="side-nav-components-table" href="/hds-demo/header-custom-theme-site/components/table"><span class="MainLevel-module_label__uWKJ7">Table</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Tabs" id="side-nav-components-tabs" href="/hds-demo/header-custom-theme-site/components/tabs"><span class="MainLevel-module_label__uWKJ7">Tabs</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Tag" id="side-nav-components-tag" href="/hds-demo/header-custom-theme-site/components/tag"><span class="MainLevel-module_label__uWKJ7">Tag</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="TextArea" id="side-nav-components-text-area" href="/hds-demo/header-custom-theme-site/components/text-area"><span class="MainLevel-module_label__uWKJ7">TextArea</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="TextInput" id="side-nav-components-text-input" href="/hds-demo/header-custom-theme-site/components/text-input"><span class="MainLevel-module_label__uWKJ7">TextInput</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="TimeInput" id="side-nav-components-time-input" href="/hds-demo/header-custom-theme-site/components/time-input"><span class="MainLevel-module_label__uWKJ7">TimeInput</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="ToggleButton" id="side-nav-components-toggle-button" href="/hds-demo/header-custom-theme-site/components/toggle-button"><span class="MainLevel-module_label__uWKJ7">ToggleButton</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Tooltip" id="side-nav-components-tooltip" href="/hds-demo/header-custom-theme-site/components/tooltip"><span class="MainLevel-module_label__uWKJ7">Tooltip</span></a></li></ul></nav></aside><main id="content" class="main-content"><h1 id="footer" style="position:relative" class="page-heading-1 heading-xl-mobile">Footer<a href="#footer" aria-label="footer permalink" class="header-anchor after"><span><span class="hds-anchor-icon hds-icon hds-icon--link hds-icon--size-xs" aria-hidden="true" style="vertical-align: middle"></span></span></a></h1>
 <div class="status-label-description"><span class="StatusLabel-module_statusLabel__3R2J2 status-label_hds-status-label__1L8YI StatusLabel-module_error__zNgn8 status-label_hds-status-label--error__2EYi4">Draft</span><span class="StatusLabel-module_statusLabel__3R2J2 status-label_hds-status-label__1L8YI StatusLabel-module_success__2BfdX status-label_hds-status-label--success__3jiST" style="margin-left:var(--spacing-xs)">Accessible</span><div class="Tooltip-module_root__1Yo9t status-label-tooltip"><button type="button" class="Tooltip-module_button__2x9m0" title="Tooltip" aria-label="Tooltip" aria-expanded="false"><span aria-hidden="true"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="question-circle" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2ZM12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4ZM13 16V18H11V16H13ZM12.0437 5.75C14.0343 5.75 15.7173 7.29464 15.7173 9.42361C15.7173 10.7806 15.2461 11.489 14.161 12.306L13.9187 12.4844C13.1753 13.0295 12.9556 13.3359 12.9386 14.142L12.9375 14.25H10.9375C10.9375 12.6746 11.4591 11.8378 12.6143 10.9622L12.8618 10.7796C13.5685 10.2628 13.7173 10.0539 13.7173 9.42361C13.7173 8.43934 12.9662 7.75 12.0437 7.75C11.1907 7.75 10.4785 8.34077 10.3816 9.20835L10.3734 9.30587L8.37663 9.19182C8.49191 7.17347 10.1344 5.75 12.0437 5.75Z" fill="currentColor"></path></svg></span></button></div></div>
 <p style="font-size:var(--fontsize-body-xl);color:var(--color-black-90);max-width:600px">The Footer component is located at the bottom of the page below the main body content. It provides a place for secondary navigation, site-wide actions, and additional information.</p>
-<div class="Tabs-module_tabs__2Ww5F"><div class="Tabs-module_tablistBar__elMv9 page-tabs-list"><div class="Tabs-module_scrollButton__3ufhP" aria-hidden="true"><button type="button" tabindex="-1"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-left" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.5 12L15.5 17L14 18.5L7.5 12L14 5.5L15.5 7L10.5 12Z" fill="currentColor"></path></svg></button></div><div class="Tabs-module_tablist__1iuDO"><ul role="tablist" style="width:0px"><li role="tab" aria-selected="true" aria-controls="tab-0-panel" tabindex="0" id="tab-0-button" class="Tabs-module_tab__3oOoX Tabs-module_active__1Ic3B"><span>Usage</span></li><li role="tab" aria-selected="false" aria-controls="tab-1-panel" tabindex="-1" id="tab-1-button" class="Tabs-module_tab__3oOoX"><span>Code</span></li><li role="tab" aria-selected="false" aria-controls="tab-2-panel" tabindex="-1" id="tab-2-button" class="Tabs-module_tab__3oOoX"><span>Accessibility</span></li><li role="tab" aria-selected="false" aria-controls="tab-3-panel" tabindex="-1" id="tab-3-button" class="Tabs-module_tab__3oOoX"><span>Customisation</span></li></ul></div><div class="Tabs-module_scrollButton__3ufhP" aria-hidden="true"><button type="button" tabindex="-1"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-right" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.5 12L8.5 7L10 5.5L16.5 12L10 18.5L8.5 17L13.5 12Z" fill="currentColor"></path></svg></button></div></div><div id="tab-0-panel" role="tabpanel" aria-labelledby="tab-0-button"></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-192" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-192)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
+<div class="Tabs-module_tabs__2Ww5F"><div class="Tabs-module_tablistBar__elMv9 page-tabs-list"><div class="Tabs-module_scrollButton__3ufhP" aria-hidden="true"><button type="button" tabindex="-1"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-left" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.5 12L15.5 17L14 18.5L7.5 12L14 5.5L15.5 7L10.5 12Z" fill="currentColor"></path></svg></button></div><div class="Tabs-module_tablist__1iuDO"><ul role="tablist" style="width:0px"><li role="tab" aria-selected="true" aria-controls="tab-0-panel" tabindex="0" id="tab-0-button" class="Tabs-module_tab__3oOoX Tabs-module_active__1Ic3B"><span>Usage</span></li><li role="tab" aria-selected="false" aria-controls="tab-1-panel" tabindex="-1" id="tab-1-button" class="Tabs-module_tab__3oOoX"><span>Code</span></li><li role="tab" aria-selected="false" aria-controls="tab-2-panel" tabindex="-1" id="tab-2-button" class="Tabs-module_tab__3oOoX"><span>Accessibility</span></li><li role="tab" aria-selected="false" aria-controls="tab-3-panel" tabindex="-1" id="tab-3-button" class="Tabs-module_tab__3oOoX"><span>Customisation</span></li></ul></div><div class="Tabs-module_scrollButton__3ufhP" aria-hidden="true"><button type="button" tabindex="-1"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-right" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.5 12L8.5 7L10 5.5L16.5 12L10 18.5L8.5 17L13.5 12Z" fill="currentColor"></path></svg></button></div></div><div id="tab-0-panel" role="tabpanel" aria-labelledby="tab-0-button"></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-182" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-182)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
     window.dev = undefined
     if (window.dev === true || !(navigator.doNotTrack === '1' || window.doNotTrack === '1')) {
       window._paq = window._paq || [];
@@ -83,6 +83,6 @@
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/components/header/accessibility/index.html b/docs/header-custom-theme-site/components/header/accessibility/index.html
index 29de138158..24b3a29a23 100644
--- a/docs/header-custom-theme-site/components/header/accessibility/index.html
+++ b/docs/header-custom-theme-site/components/header/accessibility/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Header - Accessibility"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Header - Accessibility"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -93,6 +93,6 @@ <h3 id="pay-attention-to" style="position:relative" class="page-heading-3 headin
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/components/header/code/index.html b/docs/header-custom-theme-site/components/header/code/index.html
index 6bc4a4ad00..1fa6d8562c 100644
--- a/docs/header-custom-theme-site/components/header/code/index.html
+++ b/docs/header-custom-theme-site/components/header/code/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Header - Code"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Header - Code"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -885,6 +885,6 @@ <h3 id="properties" style="position:relative" class="page-heading-3 heading-m">P
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/components/header/index.html b/docs/header-custom-theme-site/components/header/index.html
index 175ffdbcbc..171a2e5cf2 100644
--- a/docs/header-custom-theme-site/components/header/index.html
+++ b/docs/header-custom-theme-site/components/header/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Header"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Header"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -150,7 +150,7 @@ <h4 id="colour-variations" style="position:relative" class="page-heading-4 headi
 <p>Header offers two variations with different backgrounds - one with white and one with black (default) text elements. Use variation that achieves better contrast with the brand background colour of your choice.
 Header supports also custom theming — See variables in code tab.
 When customising colours, refer to <a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F" href="/hds-demo/header-custom-theme-site/foundation/design-tokens/colour">colour guidelines</a> to ensure accessibility.</p>
-<div class="playground-block-preview playground-block-preview-light"><div><header class="hds-header Header-module_header__291GF" theme="light"><div class="Header-module_headerBackgroundWrapper__KsFy2"><div class="HeaderActionBar-module_headerActionBarContainer__5tfj-"><div class="HeaderActionBar-module_headerActionBar__lPeGE"><a href="https://hel.fi" aria-label="Service logo" class="HeaderActionBar-module_titleAndLogoContainer__2LEAb HeaderActionBar-module_logo__2r2T0"><span class="HeaderActionBar-module_logoWrapper__31i6q"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP HeaderActionBar-module_logo__2r2T0" data-testid="action-bar-logo" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></span></a><a href="https://hel.fi" class="HeaderActionBar-module_titleAndLogoContainer__2LEAb HeaderActionBar-module_title__opzt9 HeaderActionBar-module_normal__3B4qi"><span class="HeaderActionBar-module_title__opzt9">Helsingin kaupunki</span></a><div class="HeaderActionBar-module_headerActions__3lNnM"><div id="action-bar-search" class="HeaderActionBarItemWithDropdown-module_container__2NETb"><button type="button" aria-expanded="false" aria-controls="action-bar-search-dropdown" class="HeaderActionBarItem-module_actionBarItem__2AJTk HeaderActionBarItemWithDropdown-module_icon__-TAc5"><span class="HeaderActionBarItem-module_actionBarItemIcon__1l2lb"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="search" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M15 1C19.4183 1 23 4.58172 23 9C23 13.4183 19.4183 17 15 17C13.2001 17 11.539 16.4056 10.2023 15.4023L3.80101 21.8021L2.21002 20.2111L8.60822 13.8117C7.59861 12.4726 7.00002 10.8062 7.00002 9C7.00002 4.58172 10.5817 1 15 1ZM15 3C11.6863 3 9.00002 5.68629 9.00002 9C9.00002 12.3137 11.6863 15 15 15C18.3137 15 21 12.3137 21 9C21 5.68629 18.3137 3 15 3Z" fill="currentColor"></path></svg></span><span class="HeaderActionBarItem-module_actionBarItemLabel__815JB">Haku</span></button><div class="HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft"><aside id="action-bar-search-dropdown" class="HeaderActionBarItemWithDropdown-module_dropdown__2M8r7"><div class="HeaderSearch-module_searchContainer__3NfSd" role="search"><div class="SearchInput-module_root__sMwrY"><label id="downshift-23-label" for="downshift-22-input" class="FieldLabel-module_label__1zrXK ">Hae palvelusta</label><div class="SearchInput-module_wrapper__114JK"><input id="downshift-22-input" aria-autocomplete="list" aria-controls="downshift-23-menu" aria-labelledby="downshift-23-label" autoComplete="off" role="combobox" aria-expanded="false" aria-haspopup="listbox" aria-owns="downshift-23-menu" class="SearchInput-module_input__Addns" enterKeyHint="search" value=""/><div class="SearchInput-module_buttons__2O_2t search-input_hds-search-input__buttons__3PawT"><button type="button" aria-label="Search" class="SearchInput-module_button__z7NIp search-input_hds-search-input__button__1-cj-"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik SearchInput-module_searchIcon__l1_S4" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="search" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M15 1C19.4183 1 23 4.58172 23 9C23 13.4183 19.4183 17 15 17C13.2001 17 11.539 16.4056 10.2023 15.4023L3.80101 21.8021L2.21002 20.2111L8.60822 13.8117C7.59861 12.4726 7.00002 10.8062 7.00002 9C7.00002 4.58172 10.5817 1 15 1ZM15 3C11.6863 3 9.00002 5.68629 9.00002 9C9.00002 12.3137 11.6863 15 15 15C18.3137 15 21 12.3137 21 9C21 5.68629 18.3137 3 15 3Z" fill="currentColor"></path></svg></button></div><ul id="downshift-23-menu" role="listbox" aria-labelledby="downshift-23-label" style="max-height:416px" class="SearchInput-module_menu__2P8CO"></ul></div></div></div></aside></div></div></div></div></div><div class="HeaderNavigationMenu-module_headerNavigationMenuContainer__2nK9z"><nav role="navigation" class="HeaderNavigationMenu-module_headerNavigationMenu__3G6-N"><ul class="HeaderNavigationMenu-module_headerNavigationMenuList__3HIzx"></ul></nav></div></div></header></div><div><header class="hds-header Header-module_header__291GF Header-module_theme-dark__1srRp" theme="dark"><div class="Header-module_headerBackgroundWrapper__KsFy2"><div class="HeaderActionBar-module_headerActionBarContainer__5tfj-"><div class="HeaderActionBar-module_headerActionBar__lPeGE"><a href="https://hel.fi" aria-label="Service logo" class="HeaderActionBar-module_titleAndLogoContainer__2LEAb HeaderActionBar-module_logo__2r2T0"><span class="HeaderActionBar-module_logoWrapper__31i6q"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP HeaderActionBar-module_logo__2r2T0" data-testid="action-bar-logo" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></span></a><a href="https://hel.fi" class="HeaderActionBar-module_titleAndLogoContainer__2LEAb HeaderActionBar-module_title__opzt9 HeaderActionBar-module_normal__3B4qi"><span class="HeaderActionBar-module_title__opzt9">Helsingin kaupunki</span></a><div class="HeaderActionBar-module_headerActions__3lNnM"><div id="action-bar-search" class="HeaderActionBarItemWithDropdown-module_container__2NETb"><button type="button" aria-expanded="false" aria-controls="action-bar-search-dropdown" class="HeaderActionBarItem-module_actionBarItem__2AJTk HeaderActionBarItemWithDropdown-module_icon__-TAc5"><span class="HeaderActionBarItem-module_actionBarItemIcon__1l2lb"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="search" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M15 1C19.4183 1 23 4.58172 23 9C23 13.4183 19.4183 17 15 17C13.2001 17 11.539 16.4056 10.2023 15.4023L3.80101 21.8021L2.21002 20.2111L8.60822 13.8117C7.59861 12.4726 7.00002 10.8062 7.00002 9C7.00002 4.58172 10.5817 1 15 1ZM15 3C11.6863 3 9.00002 5.68629 9.00002 9C9.00002 12.3137 11.6863 15 15 15C18.3137 15 21 12.3137 21 9C21 5.68629 18.3137 3 15 3Z" fill="currentColor"></path></svg></span><span class="HeaderActionBarItem-module_actionBarItemLabel__815JB">Haku</span></button><div class="HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft"><aside id="action-bar-search-dropdown" class="HeaderActionBarItemWithDropdown-module_dropdown__2M8r7"><div class="HeaderSearch-module_searchContainer__3NfSd" role="search"><div class="SearchInput-module_root__sMwrY"><label id="downshift-25-label" for="downshift-24-input" class="FieldLabel-module_label__1zrXK ">Hae palvelusta</label><div class="SearchInput-module_wrapper__114JK"><input id="downshift-24-input" aria-autocomplete="list" aria-controls="downshift-25-menu" aria-labelledby="downshift-25-label" autoComplete="off" role="combobox" aria-expanded="false" aria-haspopup="listbox" aria-owns="downshift-25-menu" class="SearchInput-module_input__Addns" enterKeyHint="search" value=""/><div class="SearchInput-module_buttons__2O_2t search-input_hds-search-input__buttons__3PawT"><button type="button" aria-label="Search" class="SearchInput-module_button__z7NIp search-input_hds-search-input__button__1-cj-"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik SearchInput-module_searchIcon__l1_S4" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="search" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M15 1C19.4183 1 23 4.58172 23 9C23 13.4183 19.4183 17 15 17C13.2001 17 11.539 16.4056 10.2023 15.4023L3.80101 21.8021L2.21002 20.2111L8.60822 13.8117C7.59861 12.4726 7.00002 10.8062 7.00002 9C7.00002 4.58172 10.5817 1 15 1ZM15 3C11.6863 3 9.00002 5.68629 9.00002 9C9.00002 12.3137 11.6863 15 15 15C18.3137 15 21 12.3137 21 9C21 5.68629 18.3137 3 15 3Z" fill="currentColor"></path></svg></button></div><ul id="downshift-25-menu" role="listbox" aria-labelledby="downshift-25-label" style="max-height:416px" class="SearchInput-module_menu__2P8CO"></ul></div></div></div></aside></div></div></div></div></div><div class="HeaderNavigationMenu-module_headerNavigationMenuContainer__2nK9z"><nav role="navigation" class="HeaderNavigationMenu-module_headerNavigationMenu__3G6-N"><ul class="HeaderNavigationMenu-module_headerNavigationMenuList__3HIzx"></ul></nav></div></div></header></div><div><header class="hds-header Header-module_header__291GF custom-theme-175" theme="[object Object]"><div class="Header-module_headerBackgroundWrapper__KsFy2"><div class="HeaderActionBar-module_headerActionBarContainer__5tfj-"><div class="HeaderActionBar-module_headerActionBar__lPeGE"><a href="https://hel.fi" aria-label="Service logo" class="HeaderActionBar-module_titleAndLogoContainer__2LEAb HeaderActionBar-module_logo__2r2T0"><span class="HeaderActionBar-module_logoWrapper__31i6q"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP HeaderActionBar-module_logo__2r2T0" data-testid="action-bar-logo" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></span></a><a href="https://hel.fi" class="HeaderActionBar-module_titleAndLogoContainer__2LEAb HeaderActionBar-module_title__opzt9 HeaderActionBar-module_normal__3B4qi"><span class="HeaderActionBar-module_title__opzt9">Helsingin kaupunki</span></a><div class="HeaderActionBar-module_headerActions__3lNnM"><div id="action-bar-search" class="HeaderActionBarItemWithDropdown-module_container__2NETb"><button type="button" aria-expanded="false" aria-controls="action-bar-search-dropdown" class="HeaderActionBarItem-module_actionBarItem__2AJTk HeaderActionBarItemWithDropdown-module_icon__-TAc5"><span class="HeaderActionBarItem-module_actionBarItemIcon__1l2lb"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="search" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M15 1C19.4183 1 23 4.58172 23 9C23 13.4183 19.4183 17 15 17C13.2001 17 11.539 16.4056 10.2023 15.4023L3.80101 21.8021L2.21002 20.2111L8.60822 13.8117C7.59861 12.4726 7.00002 10.8062 7.00002 9C7.00002 4.58172 10.5817 1 15 1ZM15 3C11.6863 3 9.00002 5.68629 9.00002 9C9.00002 12.3137 11.6863 15 15 15C18.3137 15 21 12.3137 21 9C21 5.68629 18.3137 3 15 3Z" fill="currentColor"></path></svg></span><span class="HeaderActionBarItem-module_actionBarItemLabel__815JB">Haku</span></button><div class="HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft"><aside id="action-bar-search-dropdown" class="HeaderActionBarItemWithDropdown-module_dropdown__2M8r7"><div class="HeaderSearch-module_searchContainer__3NfSd" role="search"><div class="SearchInput-module_root__sMwrY"><label id="downshift-27-label" for="downshift-26-input" class="FieldLabel-module_label__1zrXK ">Hae palvelusta</label><div class="SearchInput-module_wrapper__114JK"><input id="downshift-26-input" aria-autocomplete="list" aria-controls="downshift-27-menu" aria-labelledby="downshift-27-label" autoComplete="off" role="combobox" aria-expanded="false" aria-haspopup="listbox" aria-owns="downshift-27-menu" class="SearchInput-module_input__Addns" enterKeyHint="search" value=""/><div class="SearchInput-module_buttons__2O_2t search-input_hds-search-input__buttons__3PawT"><button type="button" aria-label="Search" class="SearchInput-module_button__z7NIp search-input_hds-search-input__button__1-cj-"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik SearchInput-module_searchIcon__l1_S4" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="search" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M15 1C19.4183 1 23 4.58172 23 9C23 13.4183 19.4183 17 15 17C13.2001 17 11.539 16.4056 10.2023 15.4023L3.80101 21.8021L2.21002 20.2111L8.60822 13.8117C7.59861 12.4726 7.00002 10.8062 7.00002 9C7.00002 4.58172 10.5817 1 15 1ZM15 3C11.6863 3 9.00002 5.68629 9.00002 9C9.00002 12.3137 11.6863 15 15 15C18.3137 15 21 12.3137 21 9C21 5.68629 18.3137 3 15 3Z" fill="currentColor"></path></svg></button></div><ul id="downshift-27-menu" role="listbox" aria-labelledby="downshift-27-label" style="max-height:416px" class="SearchInput-module_menu__2P8CO"></ul></div></div></div></aside></div></div></div></div></div><div class="HeaderNavigationMenu-module_headerNavigationMenuContainer__2nK9z"><nav role="navigation" class="HeaderNavigationMenu-module_headerNavigationMenu__3G6-N"><ul class="HeaderNavigationMenu-module_headerNavigationMenuList__3HIzx"></ul></nav></div></div></header></div></div></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-176" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-176)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
+<div class="playground-block-preview playground-block-preview-light"><div class="header-block-z-index13"><header class="hds-header Header-module_header__291GF" theme="light"><div class="Header-module_headerBackgroundWrapper__KsFy2"><div class="HeaderActionBar-module_headerActionBarContainer__5tfj-"><div class="HeaderActionBar-module_headerActionBar__lPeGE"><a href="https://hel.fi" aria-label="Service logo" class="HeaderActionBar-module_titleAndLogoContainer__2LEAb HeaderActionBar-module_logo__2r2T0"><span class="HeaderActionBar-module_logoWrapper__31i6q"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP HeaderActionBar-module_logo__2r2T0" data-testid="action-bar-logo" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></span></a><a href="https://hel.fi" class="HeaderActionBar-module_titleAndLogoContainer__2LEAb HeaderActionBar-module_title__opzt9 HeaderActionBar-module_normal__3B4qi"><span class="HeaderActionBar-module_title__opzt9">Helsingin kaupunki</span></a><div class="HeaderActionBar-module_headerActions__3lNnM"><div id="action-bar-search" class="HeaderActionBarItemWithDropdown-module_container__2NETb"><button type="button" aria-expanded="false" aria-controls="action-bar-search-dropdown" class="HeaderActionBarItem-module_actionBarItem__2AJTk HeaderActionBarItemWithDropdown-module_icon__-TAc5"><span class="HeaderActionBarItem-module_actionBarItemIcon__1l2lb"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="search" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M15 1C19.4183 1 23 4.58172 23 9C23 13.4183 19.4183 17 15 17C13.2001 17 11.539 16.4056 10.2023 15.4023L3.80101 21.8021L2.21002 20.2111L8.60822 13.8117C7.59861 12.4726 7.00002 10.8062 7.00002 9C7.00002 4.58172 10.5817 1 15 1ZM15 3C11.6863 3 9.00002 5.68629 9.00002 9C9.00002 12.3137 11.6863 15 15 15C18.3137 15 21 12.3137 21 9C21 5.68629 18.3137 3 15 3Z" fill="currentColor"></path></svg></span><span class="HeaderActionBarItem-module_actionBarItemLabel__815JB">Haku</span></button><div class="HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft"><aside id="action-bar-search-dropdown" class="HeaderActionBarItemWithDropdown-module_dropdown__2M8r7"><div class="HeaderSearch-module_searchContainer__3NfSd" role="search"><div class="SearchInput-module_root__sMwrY"><label id="downshift-23-label" for="downshift-22-input" class="FieldLabel-module_label__1zrXK ">Hae palvelusta</label><div class="SearchInput-module_wrapper__114JK"><input id="downshift-22-input" aria-autocomplete="list" aria-controls="downshift-23-menu" aria-labelledby="downshift-23-label" autoComplete="off" role="combobox" aria-expanded="false" aria-haspopup="listbox" aria-owns="downshift-23-menu" class="SearchInput-module_input__Addns" enterKeyHint="search" value=""/><div class="SearchInput-module_buttons__2O_2t search-input_hds-search-input__buttons__3PawT"><button type="button" aria-label="Search" class="SearchInput-module_button__z7NIp search-input_hds-search-input__button__1-cj-"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik SearchInput-module_searchIcon__l1_S4" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="search" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M15 1C19.4183 1 23 4.58172 23 9C23 13.4183 19.4183 17 15 17C13.2001 17 11.539 16.4056 10.2023 15.4023L3.80101 21.8021L2.21002 20.2111L8.60822 13.8117C7.59861 12.4726 7.00002 10.8062 7.00002 9C7.00002 4.58172 10.5817 1 15 1ZM15 3C11.6863 3 9.00002 5.68629 9.00002 9C9.00002 12.3137 11.6863 15 15 15C18.3137 15 21 12.3137 21 9C21 5.68629 18.3137 3 15 3Z" fill="currentColor"></path></svg></button></div><ul id="downshift-23-menu" role="listbox" aria-labelledby="downshift-23-label" style="max-height:416px" class="SearchInput-module_menu__2P8CO"></ul></div></div></div></aside></div></div></div></div></div><div class="HeaderNavigationMenu-module_headerNavigationMenuContainer__2nK9z"><nav role="navigation" class="HeaderNavigationMenu-module_headerNavigationMenu__3G6-N"><ul class="HeaderNavigationMenu-module_headerNavigationMenuList__3HIzx"></ul></nav></div></div></header></div><div class="header-block-z-index12"><header class="hds-header Header-module_header__291GF Header-module_theme-dark__1srRp" theme="dark"><div class="Header-module_headerBackgroundWrapper__KsFy2"><div class="HeaderActionBar-module_headerActionBarContainer__5tfj-"><div class="HeaderActionBar-module_headerActionBar__lPeGE"><a href="https://hel.fi" aria-label="Service logo" class="HeaderActionBar-module_titleAndLogoContainer__2LEAb HeaderActionBar-module_logo__2r2T0"><span class="HeaderActionBar-module_logoWrapper__31i6q"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP HeaderActionBar-module_logo__2r2T0" data-testid="action-bar-logo" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></span></a><a href="https://hel.fi" class="HeaderActionBar-module_titleAndLogoContainer__2LEAb HeaderActionBar-module_title__opzt9 HeaderActionBar-module_normal__3B4qi"><span class="HeaderActionBar-module_title__opzt9">Helsingin kaupunki</span></a><div class="HeaderActionBar-module_headerActions__3lNnM"><div id="action-bar-search" class="HeaderActionBarItemWithDropdown-module_container__2NETb"><button type="button" aria-expanded="false" aria-controls="action-bar-search-dropdown" class="HeaderActionBarItem-module_actionBarItem__2AJTk HeaderActionBarItemWithDropdown-module_icon__-TAc5"><span class="HeaderActionBarItem-module_actionBarItemIcon__1l2lb"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="search" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M15 1C19.4183 1 23 4.58172 23 9C23 13.4183 19.4183 17 15 17C13.2001 17 11.539 16.4056 10.2023 15.4023L3.80101 21.8021L2.21002 20.2111L8.60822 13.8117C7.59861 12.4726 7.00002 10.8062 7.00002 9C7.00002 4.58172 10.5817 1 15 1ZM15 3C11.6863 3 9.00002 5.68629 9.00002 9C9.00002 12.3137 11.6863 15 15 15C18.3137 15 21 12.3137 21 9C21 5.68629 18.3137 3 15 3Z" fill="currentColor"></path></svg></span><span class="HeaderActionBarItem-module_actionBarItemLabel__815JB">Haku</span></button><div class="HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft"><aside id="action-bar-search-dropdown" class="HeaderActionBarItemWithDropdown-module_dropdown__2M8r7"><div class="HeaderSearch-module_searchContainer__3NfSd" role="search"><div class="SearchInput-module_root__sMwrY"><label id="downshift-25-label" for="downshift-24-input" class="FieldLabel-module_label__1zrXK ">Hae palvelusta</label><div class="SearchInput-module_wrapper__114JK"><input id="downshift-24-input" aria-autocomplete="list" aria-controls="downshift-25-menu" aria-labelledby="downshift-25-label" autoComplete="off" role="combobox" aria-expanded="false" aria-haspopup="listbox" aria-owns="downshift-25-menu" class="SearchInput-module_input__Addns" enterKeyHint="search" value=""/><div class="SearchInput-module_buttons__2O_2t search-input_hds-search-input__buttons__3PawT"><button type="button" aria-label="Search" class="SearchInput-module_button__z7NIp search-input_hds-search-input__button__1-cj-"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik SearchInput-module_searchIcon__l1_S4" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="search" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M15 1C19.4183 1 23 4.58172 23 9C23 13.4183 19.4183 17 15 17C13.2001 17 11.539 16.4056 10.2023 15.4023L3.80101 21.8021L2.21002 20.2111L8.60822 13.8117C7.59861 12.4726 7.00002 10.8062 7.00002 9C7.00002 4.58172 10.5817 1 15 1ZM15 3C11.6863 3 9.00002 5.68629 9.00002 9C9.00002 12.3137 11.6863 15 15 15C18.3137 15 21 12.3137 21 9C21 5.68629 18.3137 3 15 3Z" fill="currentColor"></path></svg></button></div><ul id="downshift-25-menu" role="listbox" aria-labelledby="downshift-25-label" style="max-height:416px" class="SearchInput-module_menu__2P8CO"></ul></div></div></div></aside></div></div></div></div></div><div class="HeaderNavigationMenu-module_headerNavigationMenuContainer__2nK9z"><nav role="navigation" class="HeaderNavigationMenu-module_headerNavigationMenu__3G6-N"><ul class="HeaderNavigationMenu-module_headerNavigationMenuList__3HIzx"></ul></nav></div></div></header></div><div class="header-block-z-index11"><header class="hds-header Header-module_header__291GF custom-theme-174" theme="[object Object]"><div class="Header-module_headerBackgroundWrapper__KsFy2"><div class="HeaderActionBar-module_headerActionBarContainer__5tfj-"><div class="HeaderActionBar-module_headerActionBar__lPeGE"><a href="https://hel.fi" aria-label="Service logo" class="HeaderActionBar-module_titleAndLogoContainer__2LEAb HeaderActionBar-module_logo__2r2T0"><span class="HeaderActionBar-module_logoWrapper__31i6q"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP HeaderActionBar-module_logo__2r2T0" data-testid="action-bar-logo" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></span></a><a href="https://hel.fi" class="HeaderActionBar-module_titleAndLogoContainer__2LEAb HeaderActionBar-module_title__opzt9 HeaderActionBar-module_normal__3B4qi"><span class="HeaderActionBar-module_title__opzt9">Helsingin kaupunki</span></a><div class="HeaderActionBar-module_headerActions__3lNnM"><div id="action-bar-search" class="HeaderActionBarItemWithDropdown-module_container__2NETb"><button type="button" aria-expanded="false" aria-controls="action-bar-search-dropdown" class="HeaderActionBarItem-module_actionBarItem__2AJTk HeaderActionBarItemWithDropdown-module_icon__-TAc5"><span class="HeaderActionBarItem-module_actionBarItemIcon__1l2lb"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="search" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M15 1C19.4183 1 23 4.58172 23 9C23 13.4183 19.4183 17 15 17C13.2001 17 11.539 16.4056 10.2023 15.4023L3.80101 21.8021L2.21002 20.2111L8.60822 13.8117C7.59861 12.4726 7.00002 10.8062 7.00002 9C7.00002 4.58172 10.5817 1 15 1ZM15 3C11.6863 3 9.00002 5.68629 9.00002 9C9.00002 12.3137 11.6863 15 15 15C18.3137 15 21 12.3137 21 9C21 5.68629 18.3137 3 15 3Z" fill="currentColor"></path></svg></span><span class="HeaderActionBarItem-module_actionBarItemLabel__815JB">Haku</span></button><div class="HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft"><aside id="action-bar-search-dropdown" class="HeaderActionBarItemWithDropdown-module_dropdown__2M8r7"><div class="HeaderSearch-module_searchContainer__3NfSd" role="search"><div class="SearchInput-module_root__sMwrY"><label id="downshift-27-label" for="downshift-26-input" class="FieldLabel-module_label__1zrXK ">Hae palvelusta</label><div class="SearchInput-module_wrapper__114JK"><input id="downshift-26-input" aria-autocomplete="list" aria-controls="downshift-27-menu" aria-labelledby="downshift-27-label" autoComplete="off" role="combobox" aria-expanded="false" aria-haspopup="listbox" aria-owns="downshift-27-menu" class="SearchInput-module_input__Addns" enterKeyHint="search" value=""/><div class="SearchInput-module_buttons__2O_2t search-input_hds-search-input__buttons__3PawT"><button type="button" aria-label="Search" class="SearchInput-module_button__z7NIp search-input_hds-search-input__button__1-cj-"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik SearchInput-module_searchIcon__l1_S4" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="search" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M15 1C19.4183 1 23 4.58172 23 9C23 13.4183 19.4183 17 15 17C13.2001 17 11.539 16.4056 10.2023 15.4023L3.80101 21.8021L2.21002 20.2111L8.60822 13.8117C7.59861 12.4726 7.00002 10.8062 7.00002 9C7.00002 4.58172 10.5817 1 15 1ZM15 3C11.6863 3 9.00002 5.68629 9.00002 9C9.00002 12.3137 11.6863 15 15 15C18.3137 15 21 12.3137 21 9C21 5.68629 18.3137 3 15 3Z" fill="currentColor"></path></svg></button></div><ul id="downshift-27-menu" role="listbox" aria-labelledby="downshift-27-label" style="max-height:416px" class="SearchInput-module_menu__2P8CO"></ul></div></div></div></aside></div></div></div></div></div><div class="HeaderNavigationMenu-module_headerNavigationMenuContainer__2nK9z"><nav role="navigation" class="HeaderNavigationMenu-module_headerNavigationMenu__3G6-N"><ul class="HeaderNavigationMenu-module_headerNavigationMenuList__3HIzx"></ul></nav></div></div></header></div></div></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-175" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-175)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
     window.dev = undefined
     if (window.dev === true || !(navigator.doNotTrack === '1' || window.doNotTrack === '1')) {
       window._paq = window._paq || [];
@@ -178,6 +178,6 @@ <h4 id="colour-variations" style="position:relative" class="page-heading-4 headi
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/components/header/tabs/index.html b/docs/header-custom-theme-site/components/header/tabs/index.html
index 37eba350a2..c731cafa80 100644
--- a/docs/header-custom-theme-site/components/header/tabs/index.html
+++ b/docs/header-custom-theme-site/components/header/tabs/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Header"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Header"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -57,7 +57,7 @@
 <p style="font-size:var(--fontsize-body-xl);color:var(--color-black-90);max-width:600px">The Header component is located at the top of the page above the main body content. It provides a place for levels of primary navigation and site-wide actions.</p>
 <section class="Notification-module_notification__2hN3H notification_hds-notification__2DQPN siteNotification" aria-label="Notification"><div class="Notification-module_content__ZZKvE notification_hds-notification__content__5ylSS"><div class="Notification-module_label__1bhNu notification_hds-notification__label__2t1lR" role="heading" aria-level="2"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik Notification-module_icon__1ans7 notification_hds-icon__29HQM" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="info-circle-fill" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3ZM13 10V16.5H15V18H9V16.5H11V11.5H9V10H13ZM11.8125 6C12.5374 6 13.125 6.5876 13.125 7.3125C13.125 8.03735 12.5374 8.625 11.8125 8.625C11.0876 8.625 10.5 8.03735 10.5 7.3125C10.5 6.5876 11.0876 6 11.8125 6Z" fill="currentColor"></path></svg>A work in progress!</div><div class="Notification-module_body__9BSAD notification_hds-notification__body__3cobH"><p>The Header components are a collection of new navigation components the HDS team is currently fine tuning. This means
 that these components are subject to change. We are open to feedback regarding how they work.</p></div></div></section>
-<div class="Tabs-module_tabs__2Ww5F"><div class="Tabs-module_tablistBar__elMv9 page-tabs-list"><div class="Tabs-module_scrollButton__3ufhP" aria-hidden="true"><button type="button" tabindex="-1"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-left" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.5 12L15.5 17L14 18.5L7.5 12L14 5.5L15.5 7L10.5 12Z" fill="currentColor"></path></svg></button></div><div class="Tabs-module_tablist__1iuDO"><ul role="tablist" style="width:0px"><li role="tab" aria-selected="true" aria-controls="tab-0-panel" tabindex="0" id="tab-0-button" class="Tabs-module_tab__3oOoX Tabs-module_active__1Ic3B"><span>Usage</span></li><li role="tab" aria-selected="false" aria-controls="tab-1-panel" tabindex="-1" id="tab-1-button" class="Tabs-module_tab__3oOoX"><span>Code</span></li><li role="tab" aria-selected="false" aria-controls="tab-2-panel" tabindex="-1" id="tab-2-button" class="Tabs-module_tab__3oOoX"><span>Accessibility</span></li></ul></div><div class="Tabs-module_scrollButton__3ufhP" aria-hidden="true"><button type="button" tabindex="-1"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-right" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.5 12L8.5 7L10 5.5L16.5 12L10 18.5L8.5 17L13.5 12Z" fill="currentColor"></path></svg></button></div></div><div id="tab-0-panel" role="tabpanel" aria-labelledby="tab-0-button"></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-174" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-174)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
+<div class="Tabs-module_tabs__2Ww5F"><div class="Tabs-module_tablistBar__elMv9 page-tabs-list"><div class="Tabs-module_scrollButton__3ufhP" aria-hidden="true"><button type="button" tabindex="-1"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-left" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.5 12L15.5 17L14 18.5L7.5 12L14 5.5L15.5 7L10.5 12Z" fill="currentColor"></path></svg></button></div><div class="Tabs-module_tablist__1iuDO"><ul role="tablist" style="width:0px"><li role="tab" aria-selected="true" aria-controls="tab-0-panel" tabindex="0" id="tab-0-button" class="Tabs-module_tab__3oOoX Tabs-module_active__1Ic3B"><span>Usage</span></li><li role="tab" aria-selected="false" aria-controls="tab-1-panel" tabindex="-1" id="tab-1-button" class="Tabs-module_tab__3oOoX"><span>Code</span></li><li role="tab" aria-selected="false" aria-controls="tab-2-panel" tabindex="-1" id="tab-2-button" class="Tabs-module_tab__3oOoX"><span>Accessibility</span></li></ul></div><div class="Tabs-module_scrollButton__3ufhP" aria-hidden="true"><button type="button" tabindex="-1"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-right" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.5 12L8.5 7L10 5.5L16.5 12L10 18.5L8.5 17L13.5 12Z" fill="currentColor"></path></svg></button></div></div><div id="tab-0-panel" role="tabpanel" aria-labelledby="tab-0-button"></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-176" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-176)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
     window.dev = undefined
     if (window.dev === true || !(navigator.doNotTrack === '1' || window.doNotTrack === '1')) {
       window._paq = window._paq || [];
@@ -85,6 +85,6 @@
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/components/hero/accessibility/index.html b/docs/header-custom-theme-site/components/hero/accessibility/index.html
index 193f0d7902..56a59e98be 100644
--- a/docs/header-custom-theme-site/components/hero/accessibility/index.html
+++ b/docs/header-custom-theme-site/components/hero/accessibility/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Hero - Accessibility"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Hero - Accessibility"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -90,6 +90,6 @@ <h3 id="pay-attention-to" style="position:relative" class="page-heading-3 headin
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/components/hero/code/index.html b/docs/header-custom-theme-site/components/hero/code/index.html
index 68e897bb6a..a6d07424f8 100644
--- a/docs/header-custom-theme-site/components/hero/code/index.html
+++ b/docs/header-custom-theme-site/components/hero/code/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Hero - Code"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Hero - Code"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -166,6 +166,6 @@ <h3 id="properties" style="position:relative" class="page-heading-3 heading-m">P
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/components/hero/customisation/index.html b/docs/header-custom-theme-site/components/hero/customisation/index.html
index 90ca7c00d6..d605df1261 100644
--- a/docs/header-custom-theme-site/components/hero/customisation/index.html
+++ b/docs/header-custom-theme-site/components/hero/customisation/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Hero - Customisation"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Hero - Customisation"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -138,7 +138,7 @@ <h3 id="customisation-example" style="position:relative" class="page-heading-3 h
     color: transparent !important;
   }
 }
-</style></div></div></div></div></div><div class="playground-block-buttons"><button type="button" class="Button-module_button__1msFE button_hds-button__2A0je Button-module_secondary__1nABp button_hds-button--secondary__1NOWS Button-module_size-small__3lizH button_hds-button--small__2NFef"><span class="Button-module_label__a4np1 button_hds-button__label__2EQa-">Copy code</span></button><button type="button" class="Button-module_button__1msFE button_hds-button__2A0je Button-module_secondary__1nABp button_hds-button--secondary__1NOWS Button-module_size-small__3lizH button_hds-button--small__2NFef"><div class="Button-module_icon__O-h7R button_hds-icon__17j8Z" aria-hidden="true"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-undo" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M14 10C16.2091 10 18 11.7909 18 14C18 16.2091 16.2091 18 14 18H10V20H14.0364L14.188 19.9981C17.4131 19.9171 20 17.2611 20 14C20 10.7389 17.4131 8.08285 14.188 8.0019L8.5 8L12 4.5L10.5 3L4.5 9L10.5 15L12 13.5L8.5 10H14Z" fill="currentColor"></path></svg></div><span class="Button-module_label__a4np1 button_hds-button__label__2EQa-">Reset example</span></button></div></div></div></div></div></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-166" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-166)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
+</style></div></div></div></div></div><div class="playground-block-buttons"><button type="button" class="Button-module_button__1msFE button_hds-button__2A0je Button-module_secondary__1nABp button_hds-button--secondary__1NOWS Button-module_size-small__3lizH button_hds-button--small__2NFef"><span class="Button-module_label__a4np1 button_hds-button__label__2EQa-">Copy code</span></button><button type="button" class="Button-module_button__1msFE button_hds-button__2A0je Button-module_secondary__1nABp button_hds-button--secondary__1NOWS Button-module_size-small__3lizH button_hds-button--small__2NFef"><div class="Button-module_icon__O-h7R button_hds-icon__17j8Z" aria-hidden="true"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-undo" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M14 10C16.2091 10 18 11.7909 18 14C18 16.2091 16.2091 18 14 18H10V20H14.0364L14.188 19.9981C17.4131 19.9171 20 17.2611 20 14C20 10.7389 17.4131 8.08285 14.188 8.0019L8.5 8L12 4.5L10.5 3L4.5 9L10.5 15L12 13.5L8.5 10H14Z" fill="currentColor"></path></svg></div><span class="Button-module_label__a4np1 button_hds-button__label__2EQa-">Reset example</span></button></div></div></div></div></div></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-153" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-153)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
     window.dev = undefined
     if (window.dev === true || !(navigator.doNotTrack === '1' || window.doNotTrack === '1')) {
       window._paq = window._paq || [];
@@ -166,6 +166,6 @@ <h3 id="customisation-example" style="position:relative" class="page-heading-3 h
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/components/hero/index.html b/docs/header-custom-theme-site/components/hero/index.html
index a8220ce214..62516083ba 100644
--- a/docs/header-custom-theme-site/components/hero/index.html
+++ b/docs/header-custom-theme-site/components/hero/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Hero"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Hero"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -57,7 +57,7 @@
 <p style="font-size:var(--fontsize-body-xl);color:var(--color-black-90);max-width:600px">Hero elements are used below the main navigation as the first content element. They can be used for different purposes, but most often, they shortly describe the page&#x27;s role and offer the page&#x27;s essential function as a call-to-action button.</p>
 <div class="Tabs-module_tabs__2Ww5F"><div class="Tabs-module_tablistBar__elMv9 page-tabs-list"><div class="Tabs-module_scrollButton__3ufhP" aria-hidden="true"><button type="button" tabindex="-1"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-left" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.5 12L15.5 17L14 18.5L7.5 12L14 5.5L15.5 7L10.5 12Z" fill="currentColor"></path></svg></button></div><div class="Tabs-module_tablist__1iuDO"><ul role="tablist" style="width:0px"><li role="tab" aria-selected="true" aria-controls="tab-0-panel" tabindex="0" id="tab-0-button" class="Tabs-module_tab__3oOoX Tabs-module_active__1Ic3B"><span>Usage</span></li><li role="tab" aria-selected="false" aria-controls="tab-1-panel" tabindex="-1" id="tab-1-button" class="Tabs-module_tab__3oOoX"><span>Code</span></li><li role="tab" aria-selected="false" aria-controls="tab-2-panel" tabindex="-1" id="tab-2-button" class="Tabs-module_tab__3oOoX"><span>Accessibility</span></li><li role="tab" aria-selected="false" aria-controls="tab-3-panel" tabindex="-1" id="tab-3-button" class="Tabs-module_tab__3oOoX"><span>Customisation</span></li></ul></div><div class="Tabs-module_scrollButton__3ufhP" aria-hidden="true"><button type="button" tabindex="-1"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-right" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.5 12L8.5 7L10 5.5L16.5 12L10 18.5L8.5 17L13.5 12Z" fill="currentColor"></path></svg></button></div></div><div id="tab-0-panel" role="tabpanel" aria-labelledby="tab-0-button"><h2 id="usage" style="position:relative" class="page-heading-2 heading-l">Usage<a href="#usage" aria-label="usage permalink" class="header-anchor after"><span><span class="hds-anchor-icon hds-icon hds-icon--link hds-icon--size-xs" aria-hidden="true" style="vertical-align: middle"></span></span></a></h2>
 <h3 id="example" style="position:relative" class="page-heading-3 heading-m">Example<a href="#example" aria-label="example permalink" class="header-anchor after"><span><span class="hds-anchor-icon hds-icon hds-icon--link hds-icon--size-xs" aria-hidden="true" style="vertical-align: middle"></span></span></a></h3>
-<div class="playground-block-preview playground-block-preview-light"><div class="Hero-module_hero__1VoHZ hero_hds-hero__2NmPy custom-theme-153"><div class="Hero-module_container__3HfYy hero_hds-hero__container__1Di91"><div class="Hero-module_content__3qNYZ hero_hds-hero__content__1Gtc5 Hero-module_singleColumn__b0Sxw hero_hds-hero__content--single-column__iqfBL"><div class="Hero-module_card__JuJeG hero_hds-hero__card__3TyQe"><h1 class="Hero-module_title__3-FB4 hero_hds-hero__title__3Ue67">Hero without an image</h1><p class="Hero-module_text__ZzYyT hero_hds-hero__text__3K95k">This is an introduction text. The length is circa two sentences. The suitable total length of the title and introduction is around 230 characters, including spaces. The intro ends with a period.</p><button type="button" class="Button-module_button__1msFE button_hds-button__2A0je Button-module_secondary__1nABp button_hds-button--secondary__1NOWS" role="link" style="--background-color:#fff;--color:var(--color-bus);--border-color:#fff"><span class="Button-module_label__a4np1 button_hds-button__label__2EQa-"><p>Call to action</p></span></button></div></div></div><div class="Hero-module_korosContainerOverflowBottom__2aHz0 hero_hds-hero__koros-container--overflow-bottom__1sOA8"><div class="Koros-module_koros__1r3rg" style="fill:var(--koros-color);transform:scaleY(-1)"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_pulse-154" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-5.1,0-5.1,6.4-10,6.4S4.9,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_pulse-154)" width="100%" height="85"></rect></svg></div></div></div></div>
+<div class="playground-block-preview playground-block-preview-light"><div class="Hero-module_hero__1VoHZ hero_hds-hero__2NmPy custom-theme-154"><div class="Hero-module_container__3HfYy hero_hds-hero__container__1Di91"><div class="Hero-module_content__3qNYZ hero_hds-hero__content__1Gtc5 Hero-module_singleColumn__b0Sxw hero_hds-hero__content--single-column__iqfBL"><div class="Hero-module_card__JuJeG hero_hds-hero__card__3TyQe"><h1 class="Hero-module_title__3-FB4 hero_hds-hero__title__3Ue67">Hero without an image</h1><p class="Hero-module_text__ZzYyT hero_hds-hero__text__3K95k">This is an introduction text. The length is circa two sentences. The suitable total length of the title and introduction is around 230 characters, including spaces. The intro ends with a period.</p><button type="button" class="Button-module_button__1msFE button_hds-button__2A0je Button-module_secondary__1nABp button_hds-button--secondary__1NOWS" role="link" style="--background-color:#fff;--color:var(--color-bus);--border-color:#fff"><span class="Button-module_label__a4np1 button_hds-button__label__2EQa-"><p>Call to action</p></span></button></div></div></div><div class="Hero-module_korosContainerOverflowBottom__2aHz0 hero_hds-hero__koros-container--overflow-bottom__1sOA8"><div class="Koros-module_koros__1r3rg" style="fill:var(--koros-color);transform:scaleY(-1)"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_pulse-155" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-5.1,0-5.1,6.4-10,6.4S4.9,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_pulse-155)" width="100%" height="85"></rect></svg></div></div></div></div>
 <h3 id="principles" style="position:relative" class="page-heading-3 heading-m">Principles<a href="#principles" aria-label="principles permalink" class="header-anchor after"><span><span class="hds-anchor-icon hds-icon hds-icon--link hds-icon--size-xs" aria-hidden="true" style="vertical-align: middle"></span></span></a></h3>
 <ul>
 <li>Hero is primarily intended only for landing pages.</li>
@@ -86,19 +86,19 @@ <h4 id="herotext" style="position:relative" class="page-heading-4 heading-s">Her
 <h3 id="variations" style="position:relative" class="page-heading-3 heading-m">Variations<a href="#variations" aria-label="variations permalink" class="header-anchor after"><span><span class="hds-anchor-icon hds-icon hds-icon--link hds-icon--size-xs" aria-hidden="true" style="vertical-align: middle"></span></span></a></h3>
 <h4 id="image-left-or-right" style="position:relative" class="page-heading-4 heading-s">Image left or right<a href="#image-left-or-right" aria-label="image left or right permalink" class="header-anchor after"><span><span class="hds-anchor-icon hds-icon hds-icon--link hds-icon--size-xs" aria-hidden="true" style="vertical-align: middle"></span></span></a></h4>
 <p>Use when you want to support the title&#x27;s message with an image. Don&#x27;t use an image just for illustrative purposes.</p>
-<div class="playground-block-preview playground-block-preview-light"><div class="Hero-module_hero__1VoHZ hero_hds-hero__2NmPy custom-theme-155 Hero-module_imageRight__CJzYp hero_hds-hero--image-right__3r8N5"><div class="Hero-module_container__3HfYy hero_hds-hero__container__1Di91"><div class="Hero-module_content__3qNYZ hero_hds-hero__content__1Gtc5 Hero-module_twoColumns__3wl_x hero_hds-hero__content--two-columns__3Q1x5"><div class="Hero-module_card__JuJeG hero_hds-hero__card__3TyQe"><h1 class="Hero-module_title__3-FB4 hero_hds-hero__title__3Ue67">Hero image on the right</h1><p class="Hero-module_text__ZzYyT hero_hds-hero__text__3K95k"><p>This is an introduction text. The length is circa two sentences. The suitable total length of the title and introduction is around 230 characters, including spaces. The intro ends with a period.</p></p><button type="button" class="Button-module_button__1msFE button_hds-button__2A0je Button-module_secondary__1nABp button_hds-button--secondary__1NOWS" role="link" style="--background-color:#000;--color:#fff;--border-color:#000"><span class="Button-module_label__a4np1 button_hds-button__label__2EQa-"><p>Call to action</p></span></button></div><div class="Hero-module_twoColumnsImageContainer__3jDE3 hero_hds-hero__content--two-columns__image-container__2CX-9"><img class="Hero-module_image__VwcrU hero_hds-hero__image__ZfJbX" src="https://hds.hel.fi/images/homepage/amos58.jpg" aria-hidden="true" alt=""/></div></div></div><div class="Hero-module_korosAndImageContainer__Phyhg hero_hds-hero__koros-and-image-container__2-9vj"><div class="Hero-module_korosContainer__2UG8F hero_hds-hero__koros-container__2Ab9n"><div class="Koros-module_koros__1r3rg" style="fill:var(--koros-color);transform:scaleY(-1)"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-156" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-156)" width="100%" height="85"></rect></svg></div></div><div class="Hero-module_imageBelowKoros__30i8S hero_hds-hero__image-below-koros__1LSUL"><img class="Hero-module_image__VwcrU hero_hds-hero__image__ZfJbX" src="https://hds.hel.fi/images/homepage/amos58.jpg" aria-hidden="true" alt=""/></div></div></div></div>
+<div class="playground-block-preview playground-block-preview-light"><div class="Hero-module_hero__1VoHZ hero_hds-hero__2NmPy custom-theme-156 Hero-module_imageRight__CJzYp hero_hds-hero--image-right__3r8N5"><div class="Hero-module_container__3HfYy hero_hds-hero__container__1Di91"><div class="Hero-module_content__3qNYZ hero_hds-hero__content__1Gtc5 Hero-module_twoColumns__3wl_x hero_hds-hero__content--two-columns__3Q1x5"><div class="Hero-module_card__JuJeG hero_hds-hero__card__3TyQe"><h1 class="Hero-module_title__3-FB4 hero_hds-hero__title__3Ue67">Hero image on the right</h1><p class="Hero-module_text__ZzYyT hero_hds-hero__text__3K95k"><p>This is an introduction text. The length is circa two sentences. The suitable total length of the title and introduction is around 230 characters, including spaces. The intro ends with a period.</p></p><button type="button" class="Button-module_button__1msFE button_hds-button__2A0je Button-module_secondary__1nABp button_hds-button--secondary__1NOWS" role="link" style="--background-color:#000;--color:#fff;--border-color:#000"><span class="Button-module_label__a4np1 button_hds-button__label__2EQa-"><p>Call to action</p></span></button></div><div class="Hero-module_twoColumnsImageContainer__3jDE3 hero_hds-hero__content--two-columns__image-container__2CX-9"><img class="Hero-module_image__VwcrU hero_hds-hero__image__ZfJbX" src="https://hds.hel.fi/images/homepage/amos58.jpg" aria-hidden="true" alt=""/></div></div></div><div class="Hero-module_korosAndImageContainer__Phyhg hero_hds-hero__koros-and-image-container__2-9vj"><div class="Hero-module_korosContainer__2UG8F hero_hds-hero__koros-container__2Ab9n"><div class="Koros-module_koros__1r3rg" style="fill:var(--koros-color);transform:scaleY(-1)"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-157" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-157)" width="100%" height="85"></rect></svg></div></div><div class="Hero-module_imageBelowKoros__30i8S hero_hds-hero__image-below-koros__1LSUL"><img class="Hero-module_image__VwcrU hero_hds-hero__image__ZfJbX" src="https://hds.hel.fi/images/homepage/amos58.jpg" aria-hidden="true" alt=""/></div></div></div></div>
 <h4 id="image-as-a-background" style="position:relative" class="page-heading-4 heading-s">Image as a background<a href="#image-as-a-background" aria-label="image as a background permalink" class="header-anchor after"><span><span class="hds-anchor-icon hds-icon hds-icon--link hds-icon--size-xs" aria-hidden="true" style="vertical-align: middle"></span></span></a></h4>
 <p>Use when you want to fill the background area with an image. Use an image that works when the title and intro container covers part of the image.</p>
-<div style="background-color:var(--color-black-5)" class="playground-block-preview playground-block-preview-light"><div class="Hero-module_hero__1VoHZ hero_hds-hero__2NmPy custom-theme-157 Hero-module_backgroundImage__dSqiQ hero_hds-hero--background-image__2Wse1"><div class="Hero-module_withBackgroundContainer__2jIxP hero_hds-hero--with-background__container__1jpi7"><div class="Hero-module_withBackgroundBackground__Hv69M hero_hds-hero--with-background__background__JEVuN"><img class="Hero-module_image__VwcrU hero_hds-hero__image__ZfJbX" src="https://hds.hel.fi/images/homepage/amos58.jpg" aria-hidden="true" alt=""/><div class="Hero-module_backgroundImageKoros__1yXtL hero_hds-hero--background-image__koros__2nudG"><div class="Koros-module_koros__1r3rg" style="fill:var(--koros-color)"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-158" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-158)" width="100%" height="85"></rect></svg></div></div></div><div class="Hero-module_content__3qNYZ hero_hds-hero__content__1Gtc5"><div class="Hero-module_card__JuJeG hero_hds-hero__card__3TyQe"><h1 class="Hero-module_title__3-FB4 hero_hds-hero__title__3Ue67">Hero image as a background</h1><p class="Hero-module_text__ZzYyT hero_hds-hero__text__3K95k"><p>This is an introduction text. The length is circa two sentences. The suitable total length of the title and introduction is around 230 characters, including spaces. The intro ends with a period.</p></p><button type="button" class="Button-module_button__1msFE button_hds-button__2A0je Button-module_secondary__1nABp button_hds-button--secondary__1NOWS" role="link" style="--background-color:#000;--color:#fff;--border-color:#000"><span class="Button-module_label__a4np1 button_hds-button__label__2EQa-"><p>Call to action</p></span></button></div><div class="Hero-module_emptyColumn__3_c4m hero_hds-hero--with-background__empty-column__21yM0"></div></div></div></div></div>
+<div style="background-color:var(--color-black-5)" class="playground-block-preview playground-block-preview-light"><div class="Hero-module_hero__1VoHZ hero_hds-hero__2NmPy custom-theme-158 Hero-module_backgroundImage__dSqiQ hero_hds-hero--background-image__2Wse1"><div class="Hero-module_withBackgroundContainer__2jIxP hero_hds-hero--with-background__container__1jpi7"><div class="Hero-module_withBackgroundBackground__Hv69M hero_hds-hero--with-background__background__JEVuN"><img class="Hero-module_image__VwcrU hero_hds-hero__image__ZfJbX" src="https://hds.hel.fi/images/homepage/amos58.jpg" aria-hidden="true" alt=""/><div class="Hero-module_backgroundImageKoros__1yXtL hero_hds-hero--background-image__koros__2nudG"><div class="Koros-module_koros__1r3rg" style="fill:var(--koros-color)"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-159" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-159)" width="100%" height="85"></rect></svg></div></div></div><div class="Hero-module_content__3qNYZ hero_hds-hero__content__1Gtc5"><div class="Hero-module_card__JuJeG hero_hds-hero__card__3TyQe"><h1 class="Hero-module_title__3-FB4 hero_hds-hero__title__3Ue67">Hero image as a background</h1><p class="Hero-module_text__ZzYyT hero_hds-hero__text__3K95k"><p>This is an introduction text. The length is circa two sentences. The suitable total length of the title and introduction is around 230 characters, including spaces. The intro ends with a period.</p></p><button type="button" class="Button-module_button__1msFE button_hds-button__2A0je Button-module_secondary__1nABp button_hds-button--secondary__1NOWS" role="link" style="--background-color:#000;--color:#fff;--border-color:#000"><span class="Button-module_label__a4np1 button_hds-button__label__2EQa-"><p>Call to action</p></span></button></div><div class="Hero-module_emptyColumn__3_c4m hero_hds-hero--with-background__empty-column__21yM0"></div></div></div></div></div>
 <h4 id="diagonal-koro-shape-and-image-as-a-background" style="position:relative" class="page-heading-4 heading-s">Diagonal koro shape and image as a background<a href="#diagonal-koro-shape-and-image-as-a-background" aria-label="diagonal koro shape and image as a background permalink" class="header-anchor after"><span><span class="hds-anchor-icon hds-icon hds-icon--link hds-icon--size-xs" aria-hidden="true" style="vertical-align: middle"></span></span></a></h4>
 <p>Use when you want to create a dynamic Hero layout on your page. Ensure the image adapts to various screen sizes to prevent clipping, especially with faces in the picture. On desktop, it&#x27;s on the sides, while on mobile, it&#x27;s below. Validate this for all screen sizes.</p>
-<div style="background-color:var(--color-black-5)" class="playground-block-preview playground-block-preview-light"><div class="Hero-module_hero__1VoHZ hero_hds-hero__2NmPy custom-theme-159 Hero-module_diagonalKoros__Yj-M5 hero_hds-hero--diagonal-koros__1gvD8"><div class="Hero-module_diagonalKorosWithBackgroundContainer__79wsC hero_hds-hero--diagonal-koros__1gvD8 hero_hds-hero--with-background__container__1jpi7"><div class="Hero-module_content__3qNYZ hero_hds-hero__content__1Gtc5"><div class="Hero-module_contentColums__2GK_9 hero_hds-hero--with-background__content-columns__1NT1u"><div class="Hero-module_card__JuJeG hero_hds-hero__card__3TyQe"><h1 class="Hero-module_title__3-FB4 hero_hds-hero__title__3Ue67">Hero with a diagonal koro shape</h1><p class="Hero-module_text__ZzYyT hero_hds-hero__text__3K95k"><p>This is an introduction text. The length is circa two sentences. The suitable total length of the title and introduction is around 230 characters, including spaces. The intro ends with a period.</p></p><button type="button" class="Button-module_button__1msFE button_hds-button__2A0je Button-module_secondary__1nABp button_hds-button--secondary__1NOWS" role="link" style="--background-color:#000;--color:#fff;--border-color:#000"><span class="Button-module_label__a4np1 button_hds-button__label__2EQa-"><p>Call to action</p></span></button></div><div class="Hero-module_emptyColumn__3_c4m hero_hds-hero--with-background__empty-column__21yM0"></div></div></div><div class="Hero-module_korosAligner__2Y1UK hero_hds-hero--diagonal-koros__koros-aligner__80AA4"><div class="Hero-module_diagonalKorosAndBackground__1rGzm hero_hds-hero--diagonal-koros__koros-and-background__1U31N"><div class="Hero-module_korosContainer__2UG8F hero_hds-hero__koros-container__2Ab9n"><div class="Koros-module_koros__1r3rg" style="fill:var(--koros-color)"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-160" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-160)" width="100%" height="85"></rect></svg></div></div></div></div><div class="Hero-module_withBackgroundBackground__Hv69M hero_hds-hero--with-background__background__JEVuN"><img class="Hero-module_image__VwcrU hero_hds-hero__image__ZfJbX" src="https://hds.hel.fi/images/homepage/amos58.jpg" aria-hidden="true" alt=""/></div></div></div></div>
+<div style="background-color:var(--color-black-5)" class="playground-block-preview playground-block-preview-light"><div class="Hero-module_hero__1VoHZ hero_hds-hero__2NmPy custom-theme-160 Hero-module_diagonalKoros__Yj-M5 hero_hds-hero--diagonal-koros__1gvD8"><div class="Hero-module_diagonalKorosWithBackgroundContainer__79wsC hero_hds-hero--diagonal-koros__1gvD8 hero_hds-hero--with-background__container__1jpi7"><div class="Hero-module_content__3qNYZ hero_hds-hero__content__1Gtc5"><div class="Hero-module_contentColums__2GK_9 hero_hds-hero--with-background__content-columns__1NT1u"><div class="Hero-module_card__JuJeG hero_hds-hero__card__3TyQe"><h1 class="Hero-module_title__3-FB4 hero_hds-hero__title__3Ue67">Hero with a diagonal koro shape</h1><p class="Hero-module_text__ZzYyT hero_hds-hero__text__3K95k"><p>This is an introduction text. The length is circa two sentences. The suitable total length of the title and introduction is around 230 characters, including spaces. The intro ends with a period.</p></p><button type="button" class="Button-module_button__1msFE button_hds-button__2A0je Button-module_secondary__1nABp button_hds-button--secondary__1NOWS" role="link" style="--background-color:#000;--color:#fff;--border-color:#000"><span class="Button-module_label__a4np1 button_hds-button__label__2EQa-"><p>Call to action</p></span></button></div><div class="Hero-module_emptyColumn__3_c4m hero_hds-hero--with-background__empty-column__21yM0"></div></div></div><div class="Hero-module_korosAligner__2Y1UK hero_hds-hero--diagonal-koros__koros-aligner__80AA4"><div class="Hero-module_diagonalKorosAndBackground__1rGzm hero_hds-hero--diagonal-koros__koros-and-background__1U31N"><div class="Hero-module_korosContainer__2UG8F hero_hds-hero__koros-container__2Ab9n"><div class="Koros-module_koros__1r3rg" style="fill:var(--koros-color)"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-161" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-161)" width="100%" height="85"></rect></svg></div></div></div></div><div class="Hero-module_withBackgroundBackground__Hv69M hero_hds-hero--with-background__background__JEVuN"><img class="Hero-module_image__VwcrU hero_hds-hero__image__ZfJbX" src="https://hds.hel.fi/images/homepage/amos58.jpg" aria-hidden="true" alt=""/></div></div></div></div>
 <h4 id="wide-bottom-image" style="position:relative" class="page-heading-4 heading-s">Wide bottom image<a href="#wide-bottom-image" aria-label="wide bottom image permalink" class="header-anchor after"><span><span class="hds-anchor-icon hds-icon hds-icon--link hds-icon--size-xs" aria-hidden="true" style="vertical-align: middle"></span></span></a></h4>
 <p>Use when you want to emphasize the title and introduction text content over the image. Ensure the image adapts to various screen sizes to prevent clipping, especially with faces in the picture. On desktop, it&#x27;s on the right side, while on mobile, it&#x27;s below. Validate this for all screen sizes.</p>
-<div style="background-color:var(--color-black-5)" class="playground-block-preview playground-block-preview-light"><div class="Hero-module_hero__1VoHZ hero_hds-hero__2NmPy custom-theme-161"><div class="Hero-module_container__3HfYy hero_hds-hero__container__1Di91"><div class="Hero-module_content__3qNYZ hero_hds-hero__content__1Gtc5 Hero-module_singleColumn__b0Sxw hero_hds-hero__content--single-column__iqfBL"><div class="Hero-module_card__JuJeG hero_hds-hero__card__3TyQe"><h1 class="Hero-module_title__3-FB4 hero_hds-hero__title__3Ue67">Hero image below the title</h1><p class="Hero-module_text__ZzYyT hero_hds-hero__text__3K95k"><p>This is an introduction text. The length is circa two sentences. The suitable total length of the title and introduction is around 230 characters, including spaces. The intro ends with a period.</p></p><button type="button" class="Button-module_button__1msFE button_hds-button__2A0je Button-module_secondary__1nABp button_hds-button--secondary__1NOWS" role="link" style="--background-color:#000;--color:#fff;--border-color:#000"><span class="Button-module_label__a4np1 button_hds-button__label__2EQa-"><p>Call to action</p></span></button></div></div></div><div class="Hero-module_korosAndImageContainer__Phyhg hero_hds-hero__koros-and-image-container__2-9vj"><div class="Hero-module_korosContainer__2UG8F hero_hds-hero__koros-container__2Ab9n"><div class="Koros-module_koros__1r3rg" style="fill:var(--koros-color);transform:scaleY(-1)"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-162" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-162)" width="100%" height="85"></rect></svg></div></div><div class="Hero-module_imageBelowKoros__30i8S hero_hds-hero__image-below-koros__1LSUL"><img class="Hero-module_image__VwcrU hero_hds-hero__image__ZfJbX" src="https://hds.hel.fi/images/homepage/amos58.jpg" aria-hidden="true" alt=""/></div></div></div></div>
+<div style="background-color:var(--color-black-5)" class="playground-block-preview playground-block-preview-light"><div class="Hero-module_hero__1VoHZ hero_hds-hero__2NmPy custom-theme-162"><div class="Hero-module_container__3HfYy hero_hds-hero__container__1Di91"><div class="Hero-module_content__3qNYZ hero_hds-hero__content__1Gtc5 Hero-module_singleColumn__b0Sxw hero_hds-hero__content--single-column__iqfBL"><div class="Hero-module_card__JuJeG hero_hds-hero__card__3TyQe"><h1 class="Hero-module_title__3-FB4 hero_hds-hero__title__3Ue67">Hero image below the title</h1><p class="Hero-module_text__ZzYyT hero_hds-hero__text__3K95k"><p>This is an introduction text. The length is circa two sentences. The suitable total length of the title and introduction is around 230 characters, including spaces. The intro ends with a period.</p></p><button type="button" class="Button-module_button__1msFE button_hds-button__2A0je Button-module_secondary__1nABp button_hds-button--secondary__1NOWS" role="link" style="--background-color:#000;--color:#fff;--border-color:#000"><span class="Button-module_label__a4np1 button_hds-button__label__2EQa-"><p>Call to action</p></span></button></div></div></div><div class="Hero-module_korosAndImageContainer__Phyhg hero_hds-hero__koros-and-image-container__2-9vj"><div class="Hero-module_korosContainer__2UG8F hero_hds-hero__koros-container__2Ab9n"><div class="Koros-module_koros__1r3rg" style="fill:var(--koros-color);transform:scaleY(-1)"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-163" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-163)" width="100%" height="85"></rect></svg></div></div><div class="Hero-module_imageBelowKoros__30i8S hero_hds-hero__image-below-koros__1LSUL"><img class="Hero-module_image__VwcrU hero_hds-hero__image__ZfJbX" src="https://hds.hel.fi/images/homepage/amos58.jpg" aria-hidden="true" alt=""/></div></div></div></div>
 <h4 id="no-image" style="position:relative" class="page-heading-4 heading-s">No image<a href="#no-image" aria-label="no image permalink" class="header-anchor after"><span><span class="hds-anchor-icon hds-icon hds-icon--link hds-icon--size-xs" aria-hidden="true" style="vertical-align: middle"></span></span></a></h4>
 <p>Use when you don&#x27;t have a suitable image to support the title section&#x27;s message – or in a situation – where you want to emphasize a visual piece of content right after the Hero component.</p>
-<div style="background-color:var(--color-black-5)" class="playground-block-preview playground-block-preview-light"><div class="Hero-module_hero__1VoHZ hero_hds-hero__2NmPy custom-theme-163"><div class="Hero-module_container__3HfYy hero_hds-hero__container__1Di91"><div class="Hero-module_content__3qNYZ hero_hds-hero__content__1Gtc5 Hero-module_singleColumn__b0Sxw hero_hds-hero__content--single-column__iqfBL"><div class="Hero-module_card__JuJeG hero_hds-hero__card__3TyQe"><h1 class="Hero-module_title__3-FB4 hero_hds-hero__title__3Ue67">Hero without an image</h1><p class="Hero-module_text__ZzYyT hero_hds-hero__text__3K95k">This is an introduction text. The length is circa two sentences. The suitable total length of the title and introduction is around 230 characters, including spaces. The intro ends with a period.</p><button type="button" class="Button-module_button__1msFE button_hds-button__2A0je Button-module_secondary__1nABp button_hds-button--secondary__1NOWS" role="link" style="--background-color:#000;--color:#fff;--border-color:#000"><span class="Button-module_label__a4np1 button_hds-button__label__2EQa-"><p>Call to action</p></span></button></div></div></div><div class="Hero-module_korosContainerInwardKoros__L0Vt_ hero_hds-hero__koros-container--inward-koros__3hMd7"><div class="Koros-module_koros__1r3rg" style="fill:var(--koros-color)"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_pulse-164" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-5.1,0-5.1,6.4-10,6.4S4.9,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_pulse-164)" width="100%" height="85"></rect></svg></div></div></div></div></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-165" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-165)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
+<div style="background-color:var(--color-black-5)" class="playground-block-preview playground-block-preview-light"><div class="Hero-module_hero__1VoHZ hero_hds-hero__2NmPy custom-theme-164"><div class="Hero-module_container__3HfYy hero_hds-hero__container__1Di91"><div class="Hero-module_content__3qNYZ hero_hds-hero__content__1Gtc5 Hero-module_singleColumn__b0Sxw hero_hds-hero__content--single-column__iqfBL"><div class="Hero-module_card__JuJeG hero_hds-hero__card__3TyQe"><h1 class="Hero-module_title__3-FB4 hero_hds-hero__title__3Ue67">Hero without an image</h1><p class="Hero-module_text__ZzYyT hero_hds-hero__text__3K95k">This is an introduction text. The length is circa two sentences. The suitable total length of the title and introduction is around 230 characters, including spaces. The intro ends with a period.</p><button type="button" class="Button-module_button__1msFE button_hds-button__2A0je Button-module_secondary__1nABp button_hds-button--secondary__1NOWS" role="link" style="--background-color:#000;--color:#fff;--border-color:#000"><span class="Button-module_label__a4np1 button_hds-button__label__2EQa-"><p>Call to action</p></span></button></div></div></div><div class="Hero-module_korosContainerInwardKoros__L0Vt_ hero_hds-hero__koros-container--inward-koros__3hMd7"><div class="Koros-module_koros__1r3rg" style="fill:var(--koros-color)"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_pulse-165" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-5.1,0-5.1,6.4-10,6.4S4.9,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_pulse-165)" width="100%" height="85"></rect></svg></div></div></div></div></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-166" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-166)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
     window.dev = undefined
     if (window.dev === true || !(navigator.doNotTrack === '1' || window.doNotTrack === '1')) {
       window._paq = window._paq || [];
@@ -126,6 +126,6 @@ <h4 id="no-image" style="position:relative" class="page-heading-4 heading-s">No
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/components/hero/tabs/index.html b/docs/header-custom-theme-site/components/hero/tabs/index.html
index 82206b8699..8d565d6a54 100644
--- a/docs/header-custom-theme-site/components/hero/tabs/index.html
+++ b/docs/header-custom-theme-site/components/hero/tabs/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Hero"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Hero"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -55,7 +55,7 @@
   </script><link rel="manifest" href="/hds-demo/header-custom-theme-site/manifest.webmanifest" crossorigin="anonymous"/><link rel="apple-touch-icon" sizes="any" href="/hds-demo/header-custom-theme-site/favicon/light/favicon-32x32.ico"/><link rel="apple-touch-icon" href="/hds-demo/header-custom-theme-site/favicon/light/apple-touch-icon.png"/><link rel="apple-touch-icon" sizes="192x192" href="/hds-demo/header-custom-theme-site/favicon/light/favicon-192x192.png"/><link rel="apple-touch-icon" sizes="512x512" href="/hds-demo/header-custom-theme-site/favicon/light/favicon-512x512.png"/><link rel="preconnect" href="https://webanalytics.digiaiiris.com/js"/></head><body><div id="___gatsby"><div style="outline:none" tabindex="-1" id="gatsby-focus-wrapper"><div class="page text-body"><header id="page-header" class="Navigation-module_header__2HNOX Navigation-module_theme-light__36nmi pageHeader"><a class="Navigation-module_skipToContent__2p54x" href="#content">Skip to content</a><div class="visible-module_belowM__2GR1J"><div class="Navigation-module_headerBackgroundWrapper__137R3"><div class="Navigation-module_headerContainer__2YPsu"><a class="Navigation-module_title__3zRBe" href="https://hds.hel.fi" aria-label="Helsinki: Helsinki Design System"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Navigation-module_logo__1sEy6" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg><span><div class="page-header-title"><div>Helsinki Design System</div><div class="page-header-title-badge"><img style="filter:invert(1)" alt="HDS version number: 2.15.0" src="https://img.shields.io/github/v/release/City-of-Helsinki/helsinki-design-system?label=&amp;style=for-the-badge&amp;color=1a1a1a"/></div></div></span></a><button aria-label="menu" aria-haspopup="true" aria-expanded="false" type="button" class="Navigation-module_mobileMenuToggle__1v6en"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="menu-hamburger" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M22 17V19H2V17H22ZM22 11V13H2V11H22ZM22 5V7H2V5H22Z" fill="currentColor"></path></svg></button></div></div></div><div class="visible-module_aboveM__31mn_"><div class="Navigation-module_headerBackgroundWrapper__137R3"><div class="Navigation-module_headerContainer__2YPsu"><a class="Navigation-module_title__3zRBe" href="https://hds.hel.fi" aria-label="Helsinki: Helsinki Design System"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Navigation-module_logo__1sEy6" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg><span><div class="page-header-title"><div>Helsinki Design System</div><div class="page-header-title-badge"><img style="filter:invert(1)" alt="HDS version number: 2.15.0" src="https://img.shields.io/github/v/release/City-of-Helsinki/helsinki-design-system?label=&amp;style=for-the-badge&amp;color=1a1a1a"/></div></div></span></a><div class="Navigation-module_headerContent__3zHbK"></div></div></div><nav class="NavigationRow-module_navigation__24tui NavigationRow-module_subNav__3fDXv" aria-label="Site navigation"><a class="NavigationItem-module_rowItem__2QxRz" href="/hds-demo/header-custom-theme-site/getting-started/"><span class="NavigationItem-module_label__1UsXG button_hds-button__label__3r3Mi">Getting started</span></a><a class="NavigationItem-module_rowItem__2QxRz" href="/hds-demo/header-custom-theme-site/foundation/"><span class="NavigationItem-module_label__1UsXG button_hds-button__label__3r3Mi">Foundation</span></a><a aria-current="page" class="NavigationItem-module_rowItem__2QxRz NavigationItem-module_active__3Ckcw" href="/hds-demo/header-custom-theme-site/components/"><span class="NavigationItem-module_label__1UsXG button_hds-button__label__3r3Mi">Components</span></a><a class="NavigationItem-module_rowItem__2QxRz" href="/hds-demo/header-custom-theme-site/patterns/"><span class="NavigationItem-module_label__1UsXG button_hds-button__label__3r3Mi">Patterns</span></a><a class="NavigationItem-module_rowItem__2QxRz" href="/hds-demo/header-custom-theme-site/about/"><span class="NavigationItem-module_label__1UsXG button_hds-button__label__3r3Mi">About</span></a></nav></div></header><div class="page-content"><aside class="side-content"><nav class="SideNavigation-module_sideNavigation__3X-9P" id="side-navigation" aria-label="Components"><button type="button" class="Button-module_button__1msFE button_hds-button__2A0je Button-module_secondary__1nABp button_hds-button--secondary__1NOWS Button-module_fullWidth__31eVK button_hds-button--fullwidth__1_hG9 SideNavigation-module_toggleButton__10tXH" aria-controls="side-navigation-menu" aria-expanded="false" aria-haspopup="true"><span class="Button-module_label__a4np1 button_hds-button__label__2EQa-">Navigate to page</span><div class="Button-module_icon__O-h7R button_hds-icon__17j8Z" aria-hidden="true"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-down" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 13.5L17 8.5L18.5 10L12 16.5L5.5 10L7 8.5L12 13.5Z" fill="currentColor"></path></svg></div></button><ul class="SideNavigation-module_mainLevelList__SLZKQ" aria-label="Navigate to page" id="side-navigation-menu"><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Overview" id="side-nav-components" href="/hds-demo/header-custom-theme-site/components"><span class="MainLevel-module_label__uWKJ7">Overview</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Accordion" id="side-nav-components-accordion" href="/hds-demo/header-custom-theme-site/components/accordion"><span class="MainLevel-module_label__uWKJ7">Accordion</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Breadcrumb" id="side-nav-components-breadcrumb" href="/hds-demo/header-custom-theme-site/components/breadcrumb"><span class="MainLevel-module_label__uWKJ7">Breadcrumb</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Button" id="side-nav-components-buttons" href="/hds-demo/header-custom-theme-site/components/buttons"><span class="MainLevel-module_label__uWKJ7">Button</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Card" id="side-nav-components-card" href="/hds-demo/header-custom-theme-site/components/card"><span class="MainLevel-module_label__uWKJ7">Card</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Checkbox" id="side-nav-components-checkbox" href="/hds-demo/header-custom-theme-site/components/checkbox"><span class="MainLevel-module_label__uWKJ7">Checkbox</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="CookieConsent" id="side-nav-components-cookie-consent" href="/hds-demo/header-custom-theme-site/components/cookie-consent"><span class="MainLevel-module_label__uWKJ7">CookieConsent</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="DateInput" id="side-nav-components-date-input" href="/hds-demo/header-custom-theme-site/components/date-input"><span class="MainLevel-module_label__uWKJ7">DateInput</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Dialog" id="side-nav-components-dialog" href="/hds-demo/header-custom-theme-site/components/dialog"><span class="MainLevel-module_label__uWKJ7">Dialog</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Dropdown" id="side-nav-components-dropdown" href="/hds-demo/header-custom-theme-site/components/dropdown"><span class="MainLevel-module_label__uWKJ7">Dropdown</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Fieldset" id="side-nav-components-fieldset" href="/hds-demo/header-custom-theme-site/components/fieldset"><span class="MainLevel-module_label__uWKJ7">Fieldset</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="FileInput" id="side-nav-components-file-input" href="/hds-demo/header-custom-theme-site/components/file-input"><span class="MainLevel-module_label__uWKJ7">FileInput</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Footer" id="side-nav-components-footer" href="/hds-demo/header-custom-theme-site/components/footer"><span class="MainLevel-module_label__uWKJ7">Footer</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Header" id="side-nav-components-header" href="/hds-demo/header-custom-theme-site/components/header"><span class="MainLevel-module_label__uWKJ7">Header</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_active__3IkdI MainLevel-module_open__2yWFj"><a aria-current="page" aria-label="Hero" id="side-nav-components-hero" href="/hds-demo/header-custom-theme-site/components/hero"><span class="MainLevel-module_label__uWKJ7">Hero</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Highlight" id="side-nav-components-highlight" href="/hds-demo/header-custom-theme-site/components/highlight"><span class="MainLevel-module_label__uWKJ7">Highlight</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Icon" id="side-nav-components-icon" href="/hds-demo/header-custom-theme-site/components/icon"><span class="MainLevel-module_label__uWKJ7">Icon</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Koros" id="side-nav-components-koros" href="/hds-demo/header-custom-theme-site/components/koros"><span class="MainLevel-module_label__uWKJ7">Koros</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Link" id="side-nav-components-link" href="/hds-demo/header-custom-theme-site/components/link"><span class="MainLevel-module_label__uWKJ7">Link</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Linkbox" id="side-nav-components-linkbox" href="/hds-demo/header-custom-theme-site/components/linkbox"><span class="MainLevel-module_label__uWKJ7">Linkbox</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="LoadingSpinner" id="side-nav-components-loading-spinner" href="/hds-demo/header-custom-theme-site/components/loading-spinner"><span class="MainLevel-module_label__uWKJ7">LoadingSpinner</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Logo" id="side-nav-components-logo" href="/hds-demo/header-custom-theme-site/components/logo"><span class="MainLevel-module_label__uWKJ7">Logo</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Navigation" id="side-nav-components-navigation" href="/hds-demo/header-custom-theme-site/components/navigation"><span class="MainLevel-module_label__uWKJ7">Navigation</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Notification" id="side-nav-components-notification" href="/hds-demo/header-custom-theme-site/components/notification"><span class="MainLevel-module_label__uWKJ7">Notification</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="NumberInput" id="side-nav-components-number-input" href="/hds-demo/header-custom-theme-site/components/number-input"><span class="MainLevel-module_label__uWKJ7">NumberInput</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Pagination" id="side-nav-components-pagination" href="/hds-demo/header-custom-theme-site/components/pagination"><span class="MainLevel-module_label__uWKJ7">Pagination</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="PasswordInput" id="side-nav-components-password-input" href="/hds-demo/header-custom-theme-site/components/password-input"><span class="MainLevel-module_label__uWKJ7">PasswordInput</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="PhoneInput" id="side-nav-components-phone-input" href="/hds-demo/header-custom-theme-site/components/phone-input"><span class="MainLevel-module_label__uWKJ7">PhoneInput</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="RadioButton" id="side-nav-components-radio-button" href="/hds-demo/header-custom-theme-site/components/radio-button"><span class="MainLevel-module_label__uWKJ7">RadioButton</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="SearchInput" id="side-nav-components-search-input" href="/hds-demo/header-custom-theme-site/components/search-input"><span class="MainLevel-module_label__uWKJ7">SearchInput</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="SelectionGroup" id="side-nav-components-selection-group" href="/hds-demo/header-custom-theme-site/components/selection-group"><span class="MainLevel-module_label__uWKJ7">SelectionGroup</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="SideNavigation" id="side-nav-components-side-navigation" href="/hds-demo/header-custom-theme-site/components/side-navigation"><span class="MainLevel-module_label__uWKJ7">SideNavigation</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="StatusLabel" id="side-nav-components-status-label" href="/hds-demo/header-custom-theme-site/components/status-label"><span class="MainLevel-module_label__uWKJ7">StatusLabel</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="StepByStep" id="side-nav-components-step-by-step" href="/hds-demo/header-custom-theme-site/components/step-by-step"><span class="MainLevel-module_label__uWKJ7">StepByStep</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Stepper" id="side-nav-components-stepper" href="/hds-demo/header-custom-theme-site/components/stepper"><span class="MainLevel-module_label__uWKJ7">Stepper</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Table" id="side-nav-components-table" href="/hds-demo/header-custom-theme-site/components/table"><span class="MainLevel-module_label__uWKJ7">Table</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Tabs" id="side-nav-components-tabs" href="/hds-demo/header-custom-theme-site/components/tabs"><span class="MainLevel-module_label__uWKJ7">Tabs</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Tag" id="side-nav-components-tag" href="/hds-demo/header-custom-theme-site/components/tag"><span class="MainLevel-module_label__uWKJ7">Tag</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="TextArea" id="side-nav-components-text-area" href="/hds-demo/header-custom-theme-site/components/text-area"><span class="MainLevel-module_label__uWKJ7">TextArea</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="TextInput" id="side-nav-components-text-input" href="/hds-demo/header-custom-theme-site/components/text-input"><span class="MainLevel-module_label__uWKJ7">TextInput</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="TimeInput" id="side-nav-components-time-input" href="/hds-demo/header-custom-theme-site/components/time-input"><span class="MainLevel-module_label__uWKJ7">TimeInput</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="ToggleButton" id="side-nav-components-toggle-button" href="/hds-demo/header-custom-theme-site/components/toggle-button"><span class="MainLevel-module_label__uWKJ7">ToggleButton</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Tooltip" id="side-nav-components-tooltip" href="/hds-demo/header-custom-theme-site/components/tooltip"><span class="MainLevel-module_label__uWKJ7">Tooltip</span></a></li></ul></nav></aside><main id="content" class="main-content"><h1 id="hero" style="position:relative" class="page-heading-1 heading-xl-mobile">Hero<a href="#hero" aria-label="hero permalink" class="header-anchor after"><span><span class="hds-anchor-icon hds-icon hds-icon--link hds-icon--size-xs" aria-hidden="true" style="vertical-align: middle"></span></span></a></h1>
 <div class="status-label-description"><span class="StatusLabel-module_statusLabel__3R2J2 status-label_hds-status-label__1L8YI StatusLabel-module_info__3YrAe status-label_hds-status-label--info__J28-H" variant="rounded">Stable</span><span class="StatusLabel-module_statusLabel__3R2J2 status-label_hds-status-label__1L8YI StatusLabel-module_success__2BfdX status-label_hds-status-label--success__3jiST" variant="rounded" style="margin-left:var(--spacing-xs)">Accessible</span><div class="Tooltip-module_root__1Yo9t status-label-tooltip"><button type="button" class="Tooltip-module_button__2x9m0" title="Tooltip" aria-label="Tooltip" aria-expanded="false"><span aria-hidden="true"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="question-circle" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2ZM12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4ZM13 16V18H11V16H13ZM12.0437 5.75C14.0343 5.75 15.7173 7.29464 15.7173 9.42361C15.7173 10.7806 15.2461 11.489 14.161 12.306L13.9187 12.4844C13.1753 13.0295 12.9556 13.3359 12.9386 14.142L12.9375 14.25H10.9375C10.9375 12.6746 11.4591 11.8378 12.6143 10.9622L12.8618 10.7796C13.5685 10.2628 13.7173 10.0539 13.7173 9.42361C13.7173 8.43934 12.9662 7.75 12.0437 7.75C11.1907 7.75 10.4785 8.34077 10.3816 9.20835L10.3734 9.30587L8.37663 9.19182C8.49191 7.17347 10.1344 5.75 12.0437 5.75Z" fill="currentColor"></path></svg></span></button></div></div>
 <p style="font-size:var(--fontsize-body-xl);color:var(--color-black-90);max-width:600px">Hero elements are used below the main navigation as the first content element. They can be used for different purposes, but most often, they shortly describe the page&#x27;s role and offer the page&#x27;s essential function as a call-to-action button.</p>
-<div class="Tabs-module_tabs__2Ww5F"><div class="Tabs-module_tablistBar__elMv9 page-tabs-list"><div class="Tabs-module_scrollButton__3ufhP" aria-hidden="true"><button type="button" tabindex="-1"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-left" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.5 12L15.5 17L14 18.5L7.5 12L14 5.5L15.5 7L10.5 12Z" fill="currentColor"></path></svg></button></div><div class="Tabs-module_tablist__1iuDO"><ul role="tablist" style="width:0px"><li role="tab" aria-selected="true" aria-controls="tab-0-panel" tabindex="0" id="tab-0-button" class="Tabs-module_tab__3oOoX Tabs-module_active__1Ic3B"><span>Usage</span></li><li role="tab" aria-selected="false" aria-controls="tab-1-panel" tabindex="-1" id="tab-1-button" class="Tabs-module_tab__3oOoX"><span>Code</span></li><li role="tab" aria-selected="false" aria-controls="tab-2-panel" tabindex="-1" id="tab-2-button" class="Tabs-module_tab__3oOoX"><span>Accessibility</span></li><li role="tab" aria-selected="false" aria-controls="tab-3-panel" tabindex="-1" id="tab-3-button" class="Tabs-module_tab__3oOoX"><span>Customisation</span></li></ul></div><div class="Tabs-module_scrollButton__3ufhP" aria-hidden="true"><button type="button" tabindex="-1"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-right" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.5 12L8.5 7L10 5.5L16.5 12L10 18.5L8.5 17L13.5 12Z" fill="currentColor"></path></svg></button></div></div><div id="tab-0-panel" role="tabpanel" aria-labelledby="tab-0-button"></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-138" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-138)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
+<div class="Tabs-module_tabs__2Ww5F"><div class="Tabs-module_tablistBar__elMv9 page-tabs-list"><div class="Tabs-module_scrollButton__3ufhP" aria-hidden="true"><button type="button" tabindex="-1"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-left" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.5 12L15.5 17L14 18.5L7.5 12L14 5.5L15.5 7L10.5 12Z" fill="currentColor"></path></svg></button></div><div class="Tabs-module_tablist__1iuDO"><ul role="tablist" style="width:0px"><li role="tab" aria-selected="true" aria-controls="tab-0-panel" tabindex="0" id="tab-0-button" class="Tabs-module_tab__3oOoX Tabs-module_active__1Ic3B"><span>Usage</span></li><li role="tab" aria-selected="false" aria-controls="tab-1-panel" tabindex="-1" id="tab-1-button" class="Tabs-module_tab__3oOoX"><span>Code</span></li><li role="tab" aria-selected="false" aria-controls="tab-2-panel" tabindex="-1" id="tab-2-button" class="Tabs-module_tab__3oOoX"><span>Accessibility</span></li><li role="tab" aria-selected="false" aria-controls="tab-3-panel" tabindex="-1" id="tab-3-button" class="Tabs-module_tab__3oOoX"><span>Customisation</span></li></ul></div><div class="Tabs-module_scrollButton__3ufhP" aria-hidden="true"><button type="button" tabindex="-1"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-right" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.5 12L8.5 7L10 5.5L16.5 12L10 18.5L8.5 17L13.5 12Z" fill="currentColor"></path></svg></button></div></div><div id="tab-0-panel" role="tabpanel" aria-labelledby="tab-0-button"></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-137" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-137)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
     window.dev = undefined
     if (window.dev === true || !(navigator.doNotTrack === '1' || window.doNotTrack === '1')) {
       window._paq = window._paq || [];
@@ -83,6 +83,6 @@
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/components/highlight/accessibility/index.html b/docs/header-custom-theme-site/components/highlight/accessibility/index.html
index e1f188a5b5..ec454ffd41 100644
--- a/docs/header-custom-theme-site/components/highlight/accessibility/index.html
+++ b/docs/header-custom-theme-site/components/highlight/accessibility/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Highlight - Accessibility"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Highlight - Accessibility"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -58,7 +58,7 @@
 <div class="Tabs-module_tabs__2Ww5F"><div class="Tabs-module_tablistBar__elMv9 page-tabs-list"><div class="Tabs-module_scrollButton__3ufhP" aria-hidden="true"><button type="button" tabindex="-1"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-left" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.5 12L15.5 17L14 18.5L7.5 12L14 5.5L15.5 7L10.5 12Z" fill="currentColor"></path></svg></button></div><div class="Tabs-module_tablist__1iuDO"><ul role="tablist" style="width:0px"><li role="tab" aria-selected="false" aria-controls="tab-0-panel" tabindex="-1" id="tab-0-button" class="Tabs-module_tab__3oOoX"><span>Usage</span></li><li role="tab" aria-selected="false" aria-controls="tab-1-panel" tabindex="-1" id="tab-1-button" class="Tabs-module_tab__3oOoX"><span>Code</span></li><li role="tab" aria-selected="true" aria-controls="tab-2-panel" tabindex="0" id="tab-2-button" class="Tabs-module_tab__3oOoX Tabs-module_active__1Ic3B"><span>Accessibility</span></li><li role="tab" aria-selected="false" aria-controls="tab-3-panel" tabindex="-1" id="tab-3-button" class="Tabs-module_tab__3oOoX"><span>Customisation</span></li></ul></div><div class="Tabs-module_scrollButton__3ufhP" aria-hidden="true"><button type="button" tabindex="-1"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-right" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.5 12L8.5 7L10 5.5L16.5 12L10 18.5L8.5 17L13.5 12Z" fill="currentColor"></path></svg></button></div></div><div id="tab-2-panel" role="tabpanel" aria-labelledby="tab-2-button"><h2 id="accessibility" style="position:relative" class="page-heading-2 heading-l">Accessibility<a href="#accessibility" aria-label="accessibility permalink" class="header-anchor after"><span><span class="hds-anchor-icon hds-icon hds-icon--link hds-icon--size-xs" aria-hidden="true" style="vertical-align: middle"></span></span></a></h2>
 <ul>
 <li>Both the Quote and Highlight elements are non-interactable and therefore do not have any special keyboard functionality.</li>
-</ul></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-137" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-137)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
+</ul></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-138" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-138)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
     window.dev = undefined
     if (window.dev === true || !(navigator.doNotTrack === '1' || window.doNotTrack === '1')) {
       window._paq = window._paq || [];
@@ -86,6 +86,6 @@
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/components/highlight/code/index.html b/docs/header-custom-theme-site/components/highlight/code/index.html
index 48a571f4dd..54d591661e 100644
--- a/docs/header-custom-theme-site/components/highlight/code/index.html
+++ b/docs/header-custom-theme-site/components/highlight/code/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Highlight - Code"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Highlight - Code"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -198,7 +198,7 @@ <h3 id="packages" style="position:relative" class="page-heading-3 heading-m">Pac
 <div class="hds-table-container" tabindex="0"><table class="hds-table hds-table--dark" aria-label="Service users (dark variant)"><thead><tr class="hds-table__header-row dark"><th scope="col">Package</th><th scope="col">Included</th><th scope="col">Storybook link</th><th scope="col">Source link</th></tr></thead><tbody class="hds-table__content"><tr><td><strong>HDS React</strong></td><td><div style="display:flex;gap:var(--spacing-3-xs)"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="check-circle-fill" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3ZM16.5 8L18 9.5L10.5 17L6 12.5L7.5 11L10.5 14L16.5 8Z" fill="currentColor"></path></svg> Yes </div></td><td><a aria-label="View in Storybook. Opens in a new tab" class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F" href="/storybook/react/?path=?path=/story/components-highlight--default-highlight" target="_blank" rel="noopener">View in Storybook</a></td><td><a aria-label="View source. Opens in a new tab Opens a different website." class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F" href="https://github.com/City-of-Helsinki/helsinki-design-system/blob/master/packages/react/src/components/highlight/Highlight.tsx" target="_blank" rel="noopener">View source<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik Link-module_icon__3ReCc link_icon__i_HqN Link-module_verticalAlignMediumIcon__12PVa link_vertical-align-medium-icon__3IWi1" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="link-external" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M5 3V19H21V21H3V3H5ZM21 3V12H19V6.413L9.91421 15.5L8.5 14.0858L17.585 5H12V3H21Z" fill="currentColor"></path></svg></a></td></tr><tr><td><strong>HDS Core</strong></td><td><div style="display:flex;gap:var(--spacing-3-xs)"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="check-circle-fill" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3ZM16.5 8L18 9.5L10.5 17L6 12.5L7.5 11L10.5 14L16.5 8Z" fill="currentColor"></path></svg> Yes </div></td><td><a aria-label="View in Storybook. Opens in a new tab" class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F" href="/storybook/core/?path=/story/components-highlight--default-highlight" target="_blank" rel="noopener">View in Storybook</a></td><td><a aria-label="View source. Opens in a new tab Opens a different website." class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F" href="https://github.com/City-of-Helsinki/helsinki-design-system/tree/master/packages/core/src/components/highlight" target="_blank" rel="noopener">View source<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik Link-module_icon__3ReCc link_icon__i_HqN Link-module_verticalAlignMediumIcon__12PVa link_vertical-align-medium-icon__3IWi1" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="link-external" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M5 3V19H21V21H3V3H5ZM21 3V12H19V6.413L9.91421 15.5L8.5 14.0858L17.585 5H12V3H21Z" fill="currentColor"></path></svg></a></td></tr></tbody></table></div>
 <h3 id="properties" style="position:relative" class="page-heading-3 heading-m">Properties<a href="#properties" aria-label="properties permalink" class="header-anchor after"><span><span class="hds-anchor-icon hds-icon hds-icon--link hds-icon--size-xs" aria-hidden="true" style="vertical-align: middle"></span></span></a></h3>
 <p>Note! You can find the full list of properties in the <a aria-label="React Storybook. Opens in a new tab" class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F" href="/storybook/react/?path=?path=/story/components-highlight--default-highlight" target="_blank" rel="noopener">React Storybook.</a></p>
-<div class="hds-table-container" tabindex="0"><table class="hds-table hds-table--dark" aria-label="Service users (dark variant)"><thead><tr class="hds-table__header-row dark"><th scope="col">Property</th><th scope="col">Description</th><th scope="col">Values</th><th scope="col">Default value</th></tr></thead><tbody class="hds-table__content"><tr><td><code>text</code></td><td>Text for the Highlight/quote</td><td>-</td><td>-</td></tr><tr><td><code>size</code></td><td>Highlight size</td><td><code>&quot;s&quot;</code> <code>&quot;m&quot;</code> <code>&quot;l&quot;</code></td><td><code>&quot;m&quot;</code></td></tr><tr><td><code>type</code></td><td>Type of the Highlight</td><td><code>&quot;highlight&quot;</code> <code>&quot;quote&quot;</code></td><td><code>&quot;highlight&quot;</code></td></tr></tbody></table></div></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-134" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-134)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
+<div class="hds-table-container" tabindex="0"><table class="hds-table hds-table--dark" aria-label="Service users (dark variant)"><thead><tr class="hds-table__header-row dark"><th scope="col">Property</th><th scope="col">Description</th><th scope="col">Values</th><th scope="col">Default value</th></tr></thead><tbody class="hds-table__content"><tr><td><code>text</code></td><td>Text for the Highlight/quote</td><td>-</td><td>-</td></tr><tr><td><code>size</code></td><td>Highlight size</td><td><code>&quot;s&quot;</code> <code>&quot;m&quot;</code> <code>&quot;l&quot;</code></td><td><code>&quot;m&quot;</code></td></tr><tr><td><code>type</code></td><td>Type of the Highlight</td><td><code>&quot;highlight&quot;</code> <code>&quot;quote&quot;</code></td><td><code>&quot;highlight&quot;</code></td></tr></tbody></table></div></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-133" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-133)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
     window.dev = undefined
     if (window.dev === true || !(navigator.doNotTrack === '1' || window.doNotTrack === '1')) {
       window._paq = window._paq || [];
@@ -226,6 +226,6 @@ <h3 id="properties" style="position:relative" class="page-heading-3 heading-m">P
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/components/highlight/customisation/index.html b/docs/header-custom-theme-site/components/highlight/customisation/index.html
index 93344d5ac8..119d3726e7 100644
--- a/docs/header-custom-theme-site/components/highlight/customisation/index.html
+++ b/docs/header-custom-theme-site/components/highlight/customisation/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Highlight - Customisation"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Highlight - Customisation"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -109,7 +109,7 @@ <h3 id="customisation-example" style="position:relative" class="page-heading-3 h
     color: transparent !important;
   }
 }
-</style></div></div></div></div></div><div class="playground-block-buttons"><button type="button" class="Button-module_button__1msFE button_hds-button__2A0je Button-module_secondary__1nABp button_hds-button--secondary__1NOWS Button-module_size-small__3lizH button_hds-button--small__2NFef"><span class="Button-module_label__a4np1 button_hds-button__label__2EQa-">Copy code</span></button><button type="button" class="Button-module_button__1msFE button_hds-button__2A0je Button-module_secondary__1nABp button_hds-button--secondary__1NOWS Button-module_size-small__3lizH button_hds-button--small__2NFef"><div class="Button-module_icon__O-h7R button_hds-icon__17j8Z" aria-hidden="true"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-undo" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M14 10C16.2091 10 18 11.7909 18 14C18 16.2091 16.2091 18 14 18H10V20H14.0364L14.188 19.9981C17.4131 19.9171 20 17.2611 20 14C20 10.7389 17.4131 8.08285 14.188 8.0019L8.5 8L12 4.5L10.5 3L4.5 9L10.5 15L12 13.5L8.5 10H14Z" fill="currentColor"></path></svg></div><span class="Button-module_label__a4np1 button_hds-button__label__2EQa-">Reset example</span></button></div></div></div></div></div></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-133" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-133)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
+</style></div></div></div></div></div><div class="playground-block-buttons"><button type="button" class="Button-module_button__1msFE button_hds-button__2A0je Button-module_secondary__1nABp button_hds-button--secondary__1NOWS Button-module_size-small__3lizH button_hds-button--small__2NFef"><span class="Button-module_label__a4np1 button_hds-button__label__2EQa-">Copy code</span></button><button type="button" class="Button-module_button__1msFE button_hds-button__2A0je Button-module_secondary__1nABp button_hds-button--secondary__1NOWS Button-module_size-small__3lizH button_hds-button--small__2NFef"><div class="Button-module_icon__O-h7R button_hds-icon__17j8Z" aria-hidden="true"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-undo" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M14 10C16.2091 10 18 11.7909 18 14C18 16.2091 16.2091 18 14 18H10V20H14.0364L14.188 19.9981C17.4131 19.9171 20 17.2611 20 14C20 10.7389 17.4131 8.08285 14.188 8.0019L8.5 8L12 4.5L10.5 3L4.5 9L10.5 15L12 13.5L8.5 10H14Z" fill="currentColor"></path></svg></div><span class="Button-module_label__a4np1 button_hds-button__label__2EQa-">Reset example</span></button></div></div></div></div></div></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-134" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-134)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
     window.dev = undefined
     if (window.dev === true || !(navigator.doNotTrack === '1' || window.doNotTrack === '1')) {
       window._paq = window._paq || [];
@@ -137,6 +137,6 @@ <h3 id="customisation-example" style="position:relative" class="page-heading-3 h
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/components/highlight/index.html b/docs/header-custom-theme-site/components/highlight/index.html
index dd67209fcf..77421abe33 100644
--- a/docs/header-custom-theme-site/components/highlight/index.html
+++ b/docs/header-custom-theme-site/components/highlight/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Highlight"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Highlight"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -57,7 +57,7 @@
 <p style="font-size:var(--fontsize-body-xl);color:var(--color-black-90);max-width:600px">Highlight component allows lifting an excerpt from a longer text for emphasis. Highlight supports two types: highlight (default) and quotation. The Quote element has a reference to the quote source. The Highlight element is an excerpt from the text without the source information.</p>
 <div class="Tabs-module_tabs__2Ww5F"><div class="Tabs-module_tablistBar__elMv9 page-tabs-list"><div class="Tabs-module_scrollButton__3ufhP" aria-hidden="true"><button type="button" tabindex="-1"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-left" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.5 12L15.5 17L14 18.5L7.5 12L14 5.5L15.5 7L10.5 12Z" fill="currentColor"></path></svg></button></div><div class="Tabs-module_tablist__1iuDO"><ul role="tablist" style="width:0px"><li role="tab" aria-selected="true" aria-controls="tab-0-panel" tabindex="0" id="tab-0-button" class="Tabs-module_tab__3oOoX Tabs-module_active__1Ic3B"><span>Usage</span></li><li role="tab" aria-selected="false" aria-controls="tab-1-panel" tabindex="-1" id="tab-1-button" class="Tabs-module_tab__3oOoX"><span>Code</span></li><li role="tab" aria-selected="false" aria-controls="tab-2-panel" tabindex="-1" id="tab-2-button" class="Tabs-module_tab__3oOoX"><span>Accessibility</span></li><li role="tab" aria-selected="false" aria-controls="tab-3-panel" tabindex="-1" id="tab-3-button" class="Tabs-module_tab__3oOoX"><span>Customisation</span></li></ul></div><div class="Tabs-module_scrollButton__3ufhP" aria-hidden="true"><button type="button" tabindex="-1"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-right" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.5 12L8.5 7L10 5.5L16.5 12L10 18.5L8.5 17L13.5 12Z" fill="currentColor"></path></svg></button></div></div><div id="tab-0-panel" role="tabpanel" aria-labelledby="tab-0-button"><h2 id="usage" style="position:relative" class="page-heading-2 heading-l">Usage<a href="#usage" aria-label="usage permalink" class="header-anchor after"><span><span class="hds-anchor-icon hds-icon hds-icon--link hds-icon--size-xs" aria-hidden="true" style="vertical-align: middle"></span></span></a></h2>
 <h3 id="example" style="position:relative" class="page-heading-3 heading-m">Example<a href="#example" aria-label="example permalink" class="header-anchor after"><span><span class="hds-anchor-icon hds-icon hds-icon--link hds-icon--size-xs" aria-hidden="true" style="vertical-align: middle"></span></span></a></h3>
-<div class="playground-block-preview playground-block-preview-light"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent ultrices tincidunt nunc, porttitor pretium enim vestibulum eget. Suspendisse ac tempor ante. Nullam at convallis ex. Integer mattis sagittis interdum. Suspendisse viverra sit amet mauris non interdum. In porttitor tempus diam vel venenatis. Aenean elementum sem vitae tempus tempor. </p><figure class="Highlight-module_highlight__iVprf highlight_hds-highlight___uE3p custom-theme-116"><blockquote class="Highlight-module_highlightBlockquote__Bhn4A highlight_hds-blockquote__1QLSQ"><p class="Highlight-module_text__2OPbz highlight_hds-highlight__text__31xf_">You may select an highlight from the article to be displayed here. Select an excerpt that you want the user to pay attention to.</p></blockquote></figure><p>Sed quis massa elementum, pulvinar lacus at, efficitur velit. Nam nec ornare augue. Aliquam pellentesque dictum nisl, a commodo arcu dapibus id.</p><figure class="Highlight-module_highlight__iVprf highlight_hds-highlight___uE3p custom-theme-117"><blockquote class="Highlight-module_highlightBlockquote__Bhn4A highlight_hds-blockquote__1QLSQ"><p class="Highlight-module_text__2OPbz highlight_hds-highlight__text__31xf_ Highlight-module_quote__elKVW highlight_hds-highlight__quote__3ed0C">Add an interesting quote here</p></blockquote><figcaption class="Highlight-module_reference__ICH8J highlight_hds-highlight__reference__3_4ca">—⁠<!-- -->First name Last name. Title.</figcaption></figure><p>Sed mollis mauris nec dui condimentum pulvinar. Suspendisse vitae aliquet nisi. Donec libero ipsum, fermentum ut augue id, scelerisque lobortis orci.</p></div>
+<div class="playground-block-preview playground-block-preview-light"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent ultrices tincidunt nunc, porttitor pretium enim vestibulum eget. Suspendisse ac tempor ante. Nullam at convallis ex. Integer mattis sagittis interdum. Suspendisse viverra sit amet mauris non interdum. In porttitor tempus diam vel venenatis. Aenean elementum sem vitae tempus tempor. </p><figure class="Highlight-module_highlight__iVprf highlight_hds-highlight___uE3p custom-theme-115"><blockquote class="Highlight-module_highlightBlockquote__Bhn4A highlight_hds-blockquote__1QLSQ"><p class="Highlight-module_text__2OPbz highlight_hds-highlight__text__31xf_">You may select an highlight from the article to be displayed here. Select an excerpt that you want the user to pay attention to.</p></blockquote></figure><p>Sed quis massa elementum, pulvinar lacus at, efficitur velit. Nam nec ornare augue. Aliquam pellentesque dictum nisl, a commodo arcu dapibus id.</p><figure class="Highlight-module_highlight__iVprf highlight_hds-highlight___uE3p custom-theme-116"><blockquote class="Highlight-module_highlightBlockquote__Bhn4A highlight_hds-blockquote__1QLSQ"><p class="Highlight-module_text__2OPbz highlight_hds-highlight__text__31xf_ Highlight-module_quote__elKVW highlight_hds-highlight__quote__3ed0C">Add an interesting quote here</p></blockquote><figcaption class="Highlight-module_reference__ICH8J highlight_hds-highlight__reference__3_4ca">—⁠<!-- -->First name Last name. Title.</figcaption></figure><p>Sed mollis mauris nec dui condimentum pulvinar. Suspendisse vitae aliquet nisi. Donec libero ipsum, fermentum ut augue id, scelerisque lobortis orci.</p></div>
 <h3 id="principles" style="position:relative" class="page-heading-3 heading-m">Principles<a href="#principles" aria-label="principles permalink" class="header-anchor after"><span><span class="hds-anchor-icon hds-icon hds-icon--link hds-icon--size-xs" aria-hidden="true" style="vertical-align: middle"></span></span></a></h3>
 <ul>
 <li>Highlights are designed to capture users&#x27; attention. <strong>Therefore, they should be used sparingly.</strong></li>
@@ -67,22 +67,22 @@ <h3 id="principles" style="position:relative" class="page-heading-3 heading-m">P
 </ul>
 <h3 id="type-variations" style="position:relative" class="page-heading-3 heading-m">Type variations<a href="#type-variations" aria-label="type variations permalink" class="header-anchor after"><span><span class="hds-anchor-icon hds-icon hds-icon--link hds-icon--size-xs" aria-hidden="true" style="vertical-align: middle"></span></span></a></h3>
 <h5 id="highlight" style="position:relative" class="page-heading-5 heading-xs">Highlight<a href="#highlight" aria-label="highlight permalink" class="header-anchor after"><span><span class="hds-anchor-icon hds-icon hds-icon--link hds-icon--size-xs" aria-hidden="true" style="vertical-align: middle"></span></span></a></h5>
-<div class="playground-block-preview playground-block-preview-light"><figure class="Highlight-module_highlight__iVprf highlight_hds-highlight___uE3p custom-theme-118"><blockquote class="Highlight-module_highlightBlockquote__Bhn4A highlight_hds-blockquote__1QLSQ"><p class="Highlight-module_text__2OPbz highlight_hds-highlight__text__31xf_">You may select an highlight from the article to be displayed here. Select an excerpt that you want the user to pay attention to.</p></blockquote></figure></div>
+<div class="playground-block-preview playground-block-preview-light"><figure class="Highlight-module_highlight__iVprf highlight_hds-highlight___uE3p custom-theme-117"><blockquote class="Highlight-module_highlightBlockquote__Bhn4A highlight_hds-blockquote__1QLSQ"><p class="Highlight-module_text__2OPbz highlight_hds-highlight__text__31xf_">You may select an highlight from the article to be displayed here. Select an excerpt that you want the user to pay attention to.</p></blockquote></figure></div>
 <h5 id="quote" style="position:relative" class="page-heading-5 heading-xs">Quote<a href="#quote" aria-label="quote permalink" class="header-anchor after"><span><span class="hds-anchor-icon hds-icon hds-icon--link hds-icon--size-xs" aria-hidden="true" style="vertical-align: middle"></span></span></a></h5>
 <p><strong>In Core package</strong> remember to insert the em-dash character — (HTML code <code>&amp;#8212</code>) before the reference text.</p>
-<div class="playground-block-preview playground-block-preview-light"><figure class="Highlight-module_highlight__iVprf highlight_hds-highlight___uE3p custom-theme-119"><blockquote class="Highlight-module_highlightBlockquote__Bhn4A highlight_hds-blockquote__1QLSQ"><p class="Highlight-module_text__2OPbz highlight_hds-highlight__text__31xf_ Highlight-module_quote__elKVW highlight_hds-highlight__quote__3ed0C">Add an interesting quote here</p></blockquote><figcaption class="Highlight-module_reference__ICH8J highlight_hds-highlight__reference__3_4ca">—⁠<!-- -->First name Last name. Title.</figcaption></figure></div>
+<div class="playground-block-preview playground-block-preview-light"><figure class="Highlight-module_highlight__iVprf highlight_hds-highlight___uE3p custom-theme-118"><blockquote class="Highlight-module_highlightBlockquote__Bhn4A highlight_hds-blockquote__1QLSQ"><p class="Highlight-module_text__2OPbz highlight_hds-highlight__text__31xf_ Highlight-module_quote__elKVW highlight_hds-highlight__quote__3ed0C">Add an interesting quote here</p></blockquote><figcaption class="Highlight-module_reference__ICH8J highlight_hds-highlight__reference__3_4ca">—⁠<!-- -->First name Last name. Title.</figcaption></figure></div>
 <h3 id="size-variations" style="position:relative" class="page-heading-3 heading-m">Size variations<a href="#size-variations" aria-label="size variations permalink" class="header-anchor after"><span><span class="hds-anchor-icon hds-icon hds-icon--link hds-icon--size-xs" aria-hidden="true" style="vertical-align: middle"></span></span></a></h3>
 <h5 id="large" style="position:relative" class="page-heading-5 heading-xs">Large<a href="#large" aria-label="large permalink" class="header-anchor after"><span><span class="hds-anchor-icon hds-icon hds-icon--link hds-icon--size-xs" aria-hidden="true" style="vertical-align: middle"></span></span></a></h5>
-<div class="playground-block-preview playground-block-preview-light"><figure class="Highlight-module_highlight__iVprf highlight_hds-highlight___uE3p Highlight-module_size-l__3i6ZU highlight_hds-highlight--large__1EjiL custom-theme-120"><blockquote class="Highlight-module_highlightBlockquote__Bhn4A highlight_hds-blockquote__1QLSQ"><p class="Highlight-module_text__2OPbz highlight_hds-highlight__text__31xf_">You may select an highlight from the article to be displayed here. Select an excerpt that you want the user to pay attention to.</p></blockquote></figure><figure class="Highlight-module_highlight__iVprf highlight_hds-highlight___uE3p Highlight-module_size-l__3i6ZU highlight_hds-highlight--large__1EjiL custom-theme-121"><blockquote class="Highlight-module_highlightBlockquote__Bhn4A highlight_hds-blockquote__1QLSQ"><p class="Highlight-module_text__2OPbz highlight_hds-highlight__text__31xf_ Highlight-module_quote__elKVW highlight_hds-highlight__quote__3ed0C">Add an interesting quote here</p></blockquote><figcaption class="Highlight-module_reference__ICH8J highlight_hds-highlight__reference__3_4ca">—⁠<!-- -->First name Last name. Title.</figcaption></figure></div>
+<div class="playground-block-preview playground-block-preview-light"><figure class="Highlight-module_highlight__iVprf highlight_hds-highlight___uE3p Highlight-module_size-l__3i6ZU highlight_hds-highlight--large__1EjiL custom-theme-119"><blockquote class="Highlight-module_highlightBlockquote__Bhn4A highlight_hds-blockquote__1QLSQ"><p class="Highlight-module_text__2OPbz highlight_hds-highlight__text__31xf_">You may select an highlight from the article to be displayed here. Select an excerpt that you want the user to pay attention to.</p></blockquote></figure><figure class="Highlight-module_highlight__iVprf highlight_hds-highlight___uE3p Highlight-module_size-l__3i6ZU highlight_hds-highlight--large__1EjiL custom-theme-120"><blockquote class="Highlight-module_highlightBlockquote__Bhn4A highlight_hds-blockquote__1QLSQ"><p class="Highlight-module_text__2OPbz highlight_hds-highlight__text__31xf_ Highlight-module_quote__elKVW highlight_hds-highlight__quote__3ed0C">Add an interesting quote here</p></blockquote><figcaption class="Highlight-module_reference__ICH8J highlight_hds-highlight__reference__3_4ca">—⁠<!-- -->First name Last name. Title.</figcaption></figure></div>
 <h4 id="default" style="position:relative" class="page-heading-4 heading-s">Default<a href="#default" aria-label="default permalink" class="header-anchor after"><span><span class="hds-anchor-icon hds-icon hds-icon--link hds-icon--size-xs" aria-hidden="true" style="vertical-align: middle"></span></span></a></h4>
-<div class="playground-block-preview playground-block-preview-light"><figure class="Highlight-module_highlight__iVprf highlight_hds-highlight___uE3p custom-theme-122"><blockquote class="Highlight-module_highlightBlockquote__Bhn4A highlight_hds-blockquote__1QLSQ"><p class="Highlight-module_text__2OPbz highlight_hds-highlight__text__31xf_">You may select an highlight from the article to be displayed here. Select an excerpt that you want the user to pay attention to.</p></blockquote></figure><figure class="Highlight-module_highlight__iVprf highlight_hds-highlight___uE3p custom-theme-123"><blockquote class="Highlight-module_highlightBlockquote__Bhn4A highlight_hds-blockquote__1QLSQ"><p class="Highlight-module_text__2OPbz highlight_hds-highlight__text__31xf_ Highlight-module_quote__elKVW highlight_hds-highlight__quote__3ed0C">Add an interesting quote here</p></blockquote><figcaption class="Highlight-module_reference__ICH8J highlight_hds-highlight__reference__3_4ca">—⁠<!-- -->First name Last name. Title.</figcaption></figure></div>
+<div class="playground-block-preview playground-block-preview-light"><figure class="Highlight-module_highlight__iVprf highlight_hds-highlight___uE3p custom-theme-121"><blockquote class="Highlight-module_highlightBlockquote__Bhn4A highlight_hds-blockquote__1QLSQ"><p class="Highlight-module_text__2OPbz highlight_hds-highlight__text__31xf_">You may select an highlight from the article to be displayed here. Select an excerpt that you want the user to pay attention to.</p></blockquote></figure><figure class="Highlight-module_highlight__iVprf highlight_hds-highlight___uE3p custom-theme-122"><blockquote class="Highlight-module_highlightBlockquote__Bhn4A highlight_hds-blockquote__1QLSQ"><p class="Highlight-module_text__2OPbz highlight_hds-highlight__text__31xf_ Highlight-module_quote__elKVW highlight_hds-highlight__quote__3ed0C">Add an interesting quote here</p></blockquote><figcaption class="Highlight-module_reference__ICH8J highlight_hds-highlight__reference__3_4ca">—⁠<!-- -->First name Last name. Title.</figcaption></figure></div>
 <h4 id="small" style="position:relative" class="page-heading-4 heading-s">Small<a href="#small" aria-label="small permalink" class="header-anchor after"><span><span class="hds-anchor-icon hds-icon hds-icon--link hds-icon--size-xs" aria-hidden="true" style="vertical-align: middle"></span></span></a></h4>
-<div class="playground-block-preview playground-block-preview-light"><figure class="Highlight-module_highlight__iVprf highlight_hds-highlight___uE3p Highlight-module_size-s__AwvVr highlight_hds-highlight--small__11cWK custom-theme-124"><blockquote class="Highlight-module_highlightBlockquote__Bhn4A highlight_hds-blockquote__1QLSQ"><p class="Highlight-module_text__2OPbz highlight_hds-highlight__text__31xf_">You may select an highlight from the article to be displayed here. Select an excerpt that you want the user to pay attention to.</p></blockquote></figure><figure class="Highlight-module_highlight__iVprf highlight_hds-highlight___uE3p Highlight-module_size-s__AwvVr highlight_hds-highlight--small__11cWK custom-theme-125"><blockquote class="Highlight-module_highlightBlockquote__Bhn4A highlight_hds-blockquote__1QLSQ"><p class="Highlight-module_text__2OPbz highlight_hds-highlight__text__31xf_ Highlight-module_quote__elKVW highlight_hds-highlight__quote__3ed0C">Add an interesting quote here</p></blockquote><figcaption class="Highlight-module_reference__ICH8J highlight_hds-highlight__reference__3_4ca">—⁠<!-- -->First name Last name. Title.</figcaption></figure></div>
+<div class="playground-block-preview playground-block-preview-light"><figure class="Highlight-module_highlight__iVprf highlight_hds-highlight___uE3p Highlight-module_size-s__AwvVr highlight_hds-highlight--small__11cWK custom-theme-123"><blockquote class="Highlight-module_highlightBlockquote__Bhn4A highlight_hds-blockquote__1QLSQ"><p class="Highlight-module_text__2OPbz highlight_hds-highlight__text__31xf_">You may select an highlight from the article to be displayed here. Select an excerpt that you want the user to pay attention to.</p></blockquote></figure><figure class="Highlight-module_highlight__iVprf highlight_hds-highlight___uE3p Highlight-module_size-s__AwvVr highlight_hds-highlight--small__11cWK custom-theme-124"><blockquote class="Highlight-module_highlightBlockquote__Bhn4A highlight_hds-blockquote__1QLSQ"><p class="Highlight-module_text__2OPbz highlight_hds-highlight__text__31xf_ Highlight-module_quote__elKVW highlight_hds-highlight__quote__3ed0C">Add an interesting quote here</p></blockquote><figcaption class="Highlight-module_reference__ICH8J highlight_hds-highlight__reference__3_4ca">—⁠<!-- -->First name Last name. Title.</figcaption></figure></div>
 <h3 id="theming" style="position:relative" class="page-heading-3 heading-m">Theming<a href="#theming" aria-label="theming permalink" class="header-anchor after"><span><span class="hds-anchor-icon hds-icon hds-icon--link hds-icon--size-xs" aria-hidden="true" style="vertical-align: middle"></span></span></a></h3>
 <h4 id="custom-accent-line-colour" style="position:relative" class="page-heading-4 heading-s">Custom accent line colour<a href="#custom-accent-line-colour" aria-label="custom accent line colour permalink" class="header-anchor after"><span><span class="hds-anchor-icon hds-icon hds-icon--link hds-icon--size-xs" aria-hidden="true" style="vertical-align: middle"></span></span></a></h4>
-<div class="playground-block-preview playground-block-preview-light"><figure class="Highlight-module_highlight__iVprf highlight_hds-highlight___uE3p custom-theme-126"><blockquote class="Highlight-module_highlightBlockquote__Bhn4A highlight_hds-blockquote__1QLSQ"><p class="Highlight-module_text__2OPbz highlight_hds-highlight__text__31xf_">You may select an highlight from the article to be displayed here. Select an excerpt that you want the user to pay attention to.</p></blockquote></figure><figure class="Highlight-module_highlight__iVprf highlight_hds-highlight___uE3p custom-theme-127"><blockquote class="Highlight-module_highlightBlockquote__Bhn4A highlight_hds-blockquote__1QLSQ"><p class="Highlight-module_text__2OPbz highlight_hds-highlight__text__31xf_ Highlight-module_quote__elKVW highlight_hds-highlight__quote__3ed0C">Add an interesting quote here</p></blockquote><figcaption class="Highlight-module_reference__ICH8J highlight_hds-highlight__reference__3_4ca">—⁠<!-- -->First name Last name. Title.</figcaption></figure></div>
+<div class="playground-block-preview playground-block-preview-light"><figure class="Highlight-module_highlight__iVprf highlight_hds-highlight___uE3p custom-theme-125"><blockquote class="Highlight-module_highlightBlockquote__Bhn4A highlight_hds-blockquote__1QLSQ"><p class="Highlight-module_text__2OPbz highlight_hds-highlight__text__31xf_">You may select an highlight from the article to be displayed here. Select an excerpt that you want the user to pay attention to.</p></blockquote></figure><figure class="Highlight-module_highlight__iVprf highlight_hds-highlight___uE3p custom-theme-126"><blockquote class="Highlight-module_highlightBlockquote__Bhn4A highlight_hds-blockquote__1QLSQ"><p class="Highlight-module_text__2OPbz highlight_hds-highlight__text__31xf_ Highlight-module_quote__elKVW highlight_hds-highlight__quote__3ed0C">Add an interesting quote here</p></blockquote><figcaption class="Highlight-module_reference__ICH8J highlight_hds-highlight__reference__3_4ca">—⁠<!-- -->First name Last name. Title.</figcaption></figure></div>
 <h4 id="custom-text-colour" style="position:relative" class="page-heading-4 heading-s">Custom text colour<a href="#custom-text-colour" aria-label="custom text colour permalink" class="header-anchor after"><span><span class="hds-anchor-icon hds-icon hds-icon--link hds-icon--size-xs" aria-hidden="true" style="vertical-align: middle"></span></span></a></h4>
-<div class="playground-block-preview playground-block-preview-light"><figure class="Highlight-module_highlight__iVprf highlight_hds-highlight___uE3p custom-theme-128"><blockquote class="Highlight-module_highlightBlockquote__Bhn4A highlight_hds-blockquote__1QLSQ"><p class="Highlight-module_text__2OPbz highlight_hds-highlight__text__31xf_">You may select an highlight from the article to be displayed here. Select an excerpt that you want the user to pay attention to.</p></blockquote></figure><figure class="Highlight-module_highlight__iVprf highlight_hds-highlight___uE3p custom-theme-129"><blockquote class="Highlight-module_highlightBlockquote__Bhn4A highlight_hds-blockquote__1QLSQ"><p class="Highlight-module_text__2OPbz highlight_hds-highlight__text__31xf_ Highlight-module_quote__elKVW highlight_hds-highlight__quote__3ed0C">Add an interesting quote here</p></blockquote><figcaption class="Highlight-module_reference__ICH8J highlight_hds-highlight__reference__3_4ca">—⁠<!-- -->First name Last name. Title.</figcaption></figure></div></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-130" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-130)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
+<div class="playground-block-preview playground-block-preview-light"><figure class="Highlight-module_highlight__iVprf highlight_hds-highlight___uE3p custom-theme-127"><blockquote class="Highlight-module_highlightBlockquote__Bhn4A highlight_hds-blockquote__1QLSQ"><p class="Highlight-module_text__2OPbz highlight_hds-highlight__text__31xf_">You may select an highlight from the article to be displayed here. Select an excerpt that you want the user to pay attention to.</p></blockquote></figure><figure class="Highlight-module_highlight__iVprf highlight_hds-highlight___uE3p custom-theme-128"><blockquote class="Highlight-module_highlightBlockquote__Bhn4A highlight_hds-blockquote__1QLSQ"><p class="Highlight-module_text__2OPbz highlight_hds-highlight__text__31xf_ Highlight-module_quote__elKVW highlight_hds-highlight__quote__3ed0C">Add an interesting quote here</p></blockquote><figcaption class="Highlight-module_reference__ICH8J highlight_hds-highlight__reference__3_4ca">—⁠<!-- -->First name Last name. Title.</figcaption></figure></div></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-129" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-129)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
     window.dev = undefined
     if (window.dev === true || !(navigator.doNotTrack === '1' || window.doNotTrack === '1')) {
       window._paq = window._paq || [];
@@ -110,6 +110,6 @@ <h4 id="custom-text-colour" style="position:relative" class="page-heading-4 head
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/components/highlight/tabs/index.html b/docs/header-custom-theme-site/components/highlight/tabs/index.html
index 3928f0c49d..8f676f6bf1 100644
--- a/docs/header-custom-theme-site/components/highlight/tabs/index.html
+++ b/docs/header-custom-theme-site/components/highlight/tabs/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Highlight"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Highlight"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -55,7 +55,7 @@
   </script><link rel="manifest" href="/hds-demo/header-custom-theme-site/manifest.webmanifest" crossorigin="anonymous"/><link rel="apple-touch-icon" sizes="any" href="/hds-demo/header-custom-theme-site/favicon/light/favicon-32x32.ico"/><link rel="apple-touch-icon" href="/hds-demo/header-custom-theme-site/favicon/light/apple-touch-icon.png"/><link rel="apple-touch-icon" sizes="192x192" href="/hds-demo/header-custom-theme-site/favicon/light/favicon-192x192.png"/><link rel="apple-touch-icon" sizes="512x512" href="/hds-demo/header-custom-theme-site/favicon/light/favicon-512x512.png"/><link rel="preconnect" href="https://webanalytics.digiaiiris.com/js"/></head><body><div id="___gatsby"><div style="outline:none" tabindex="-1" id="gatsby-focus-wrapper"><div class="page text-body"><header id="page-header" class="Navigation-module_header__2HNOX Navigation-module_theme-light__36nmi pageHeader"><a class="Navigation-module_skipToContent__2p54x" href="#content">Skip to content</a><div class="visible-module_belowM__2GR1J"><div class="Navigation-module_headerBackgroundWrapper__137R3"><div class="Navigation-module_headerContainer__2YPsu"><a class="Navigation-module_title__3zRBe" href="https://hds.hel.fi" aria-label="Helsinki: Helsinki Design System"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Navigation-module_logo__1sEy6" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg><span><div class="page-header-title"><div>Helsinki Design System</div><div class="page-header-title-badge"><img style="filter:invert(1)" alt="HDS version number: 2.15.0" src="https://img.shields.io/github/v/release/City-of-Helsinki/helsinki-design-system?label=&amp;style=for-the-badge&amp;color=1a1a1a"/></div></div></span></a><button aria-label="menu" aria-haspopup="true" aria-expanded="false" type="button" class="Navigation-module_mobileMenuToggle__1v6en"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="menu-hamburger" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M22 17V19H2V17H22ZM22 11V13H2V11H22ZM22 5V7H2V5H22Z" fill="currentColor"></path></svg></button></div></div></div><div class="visible-module_aboveM__31mn_"><div class="Navigation-module_headerBackgroundWrapper__137R3"><div class="Navigation-module_headerContainer__2YPsu"><a class="Navigation-module_title__3zRBe" href="https://hds.hel.fi" aria-label="Helsinki: Helsinki Design System"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Navigation-module_logo__1sEy6" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg><span><div class="page-header-title"><div>Helsinki Design System</div><div class="page-header-title-badge"><img style="filter:invert(1)" alt="HDS version number: 2.15.0" src="https://img.shields.io/github/v/release/City-of-Helsinki/helsinki-design-system?label=&amp;style=for-the-badge&amp;color=1a1a1a"/></div></div></span></a><div class="Navigation-module_headerContent__3zHbK"></div></div></div><nav class="NavigationRow-module_navigation__24tui NavigationRow-module_subNav__3fDXv" aria-label="Site navigation"><a class="NavigationItem-module_rowItem__2QxRz" href="/hds-demo/header-custom-theme-site/getting-started/"><span class="NavigationItem-module_label__1UsXG button_hds-button__label__3r3Mi">Getting started</span></a><a class="NavigationItem-module_rowItem__2QxRz" href="/hds-demo/header-custom-theme-site/foundation/"><span class="NavigationItem-module_label__1UsXG button_hds-button__label__3r3Mi">Foundation</span></a><a aria-current="page" class="NavigationItem-module_rowItem__2QxRz NavigationItem-module_active__3Ckcw" href="/hds-demo/header-custom-theme-site/components/"><span class="NavigationItem-module_label__1UsXG button_hds-button__label__3r3Mi">Components</span></a><a class="NavigationItem-module_rowItem__2QxRz" href="/hds-demo/header-custom-theme-site/patterns/"><span class="NavigationItem-module_label__1UsXG button_hds-button__label__3r3Mi">Patterns</span></a><a class="NavigationItem-module_rowItem__2QxRz" href="/hds-demo/header-custom-theme-site/about/"><span class="NavigationItem-module_label__1UsXG button_hds-button__label__3r3Mi">About</span></a></nav></div></header><div class="page-content"><aside class="side-content"><nav class="SideNavigation-module_sideNavigation__3X-9P" id="side-navigation" aria-label="Components"><button type="button" class="Button-module_button__1msFE button_hds-button__2A0je Button-module_secondary__1nABp button_hds-button--secondary__1NOWS Button-module_fullWidth__31eVK button_hds-button--fullwidth__1_hG9 SideNavigation-module_toggleButton__10tXH" aria-controls="side-navigation-menu" aria-expanded="false" aria-haspopup="true"><span class="Button-module_label__a4np1 button_hds-button__label__2EQa-">Navigate to page</span><div class="Button-module_icon__O-h7R button_hds-icon__17j8Z" aria-hidden="true"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-down" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 13.5L17 8.5L18.5 10L12 16.5L5.5 10L7 8.5L12 13.5Z" fill="currentColor"></path></svg></div></button><ul class="SideNavigation-module_mainLevelList__SLZKQ" aria-label="Navigate to page" id="side-navigation-menu"><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Overview" id="side-nav-components" href="/hds-demo/header-custom-theme-site/components"><span class="MainLevel-module_label__uWKJ7">Overview</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Accordion" id="side-nav-components-accordion" href="/hds-demo/header-custom-theme-site/components/accordion"><span class="MainLevel-module_label__uWKJ7">Accordion</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Breadcrumb" id="side-nav-components-breadcrumb" href="/hds-demo/header-custom-theme-site/components/breadcrumb"><span class="MainLevel-module_label__uWKJ7">Breadcrumb</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Button" id="side-nav-components-buttons" href="/hds-demo/header-custom-theme-site/components/buttons"><span class="MainLevel-module_label__uWKJ7">Button</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Card" id="side-nav-components-card" href="/hds-demo/header-custom-theme-site/components/card"><span class="MainLevel-module_label__uWKJ7">Card</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Checkbox" id="side-nav-components-checkbox" href="/hds-demo/header-custom-theme-site/components/checkbox"><span class="MainLevel-module_label__uWKJ7">Checkbox</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="CookieConsent" id="side-nav-components-cookie-consent" href="/hds-demo/header-custom-theme-site/components/cookie-consent"><span class="MainLevel-module_label__uWKJ7">CookieConsent</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="DateInput" id="side-nav-components-date-input" href="/hds-demo/header-custom-theme-site/components/date-input"><span class="MainLevel-module_label__uWKJ7">DateInput</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Dialog" id="side-nav-components-dialog" href="/hds-demo/header-custom-theme-site/components/dialog"><span class="MainLevel-module_label__uWKJ7">Dialog</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Dropdown" id="side-nav-components-dropdown" href="/hds-demo/header-custom-theme-site/components/dropdown"><span class="MainLevel-module_label__uWKJ7">Dropdown</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Fieldset" id="side-nav-components-fieldset" href="/hds-demo/header-custom-theme-site/components/fieldset"><span class="MainLevel-module_label__uWKJ7">Fieldset</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="FileInput" id="side-nav-components-file-input" href="/hds-demo/header-custom-theme-site/components/file-input"><span class="MainLevel-module_label__uWKJ7">FileInput</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Footer" id="side-nav-components-footer" href="/hds-demo/header-custom-theme-site/components/footer"><span class="MainLevel-module_label__uWKJ7">Footer</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Header" id="side-nav-components-header" href="/hds-demo/header-custom-theme-site/components/header"><span class="MainLevel-module_label__uWKJ7">Header</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Hero" id="side-nav-components-hero" href="/hds-demo/header-custom-theme-site/components/hero"><span class="MainLevel-module_label__uWKJ7">Hero</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_active__3IkdI MainLevel-module_open__2yWFj"><a aria-current="page" aria-label="Highlight" id="side-nav-components-highlight" href="/hds-demo/header-custom-theme-site/components/highlight"><span class="MainLevel-module_label__uWKJ7">Highlight</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Icon" id="side-nav-components-icon" href="/hds-demo/header-custom-theme-site/components/icon"><span class="MainLevel-module_label__uWKJ7">Icon</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Koros" id="side-nav-components-koros" href="/hds-demo/header-custom-theme-site/components/koros"><span class="MainLevel-module_label__uWKJ7">Koros</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Link" id="side-nav-components-link" href="/hds-demo/header-custom-theme-site/components/link"><span class="MainLevel-module_label__uWKJ7">Link</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Linkbox" id="side-nav-components-linkbox" href="/hds-demo/header-custom-theme-site/components/linkbox"><span class="MainLevel-module_label__uWKJ7">Linkbox</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="LoadingSpinner" id="side-nav-components-loading-spinner" href="/hds-demo/header-custom-theme-site/components/loading-spinner"><span class="MainLevel-module_label__uWKJ7">LoadingSpinner</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Logo" id="side-nav-components-logo" href="/hds-demo/header-custom-theme-site/components/logo"><span class="MainLevel-module_label__uWKJ7">Logo</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Navigation" id="side-nav-components-navigation" href="/hds-demo/header-custom-theme-site/components/navigation"><span class="MainLevel-module_label__uWKJ7">Navigation</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Notification" id="side-nav-components-notification" href="/hds-demo/header-custom-theme-site/components/notification"><span class="MainLevel-module_label__uWKJ7">Notification</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="NumberInput" id="side-nav-components-number-input" href="/hds-demo/header-custom-theme-site/components/number-input"><span class="MainLevel-module_label__uWKJ7">NumberInput</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Pagination" id="side-nav-components-pagination" href="/hds-demo/header-custom-theme-site/components/pagination"><span class="MainLevel-module_label__uWKJ7">Pagination</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="PasswordInput" id="side-nav-components-password-input" href="/hds-demo/header-custom-theme-site/components/password-input"><span class="MainLevel-module_label__uWKJ7">PasswordInput</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="PhoneInput" id="side-nav-components-phone-input" href="/hds-demo/header-custom-theme-site/components/phone-input"><span class="MainLevel-module_label__uWKJ7">PhoneInput</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="RadioButton" id="side-nav-components-radio-button" href="/hds-demo/header-custom-theme-site/components/radio-button"><span class="MainLevel-module_label__uWKJ7">RadioButton</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="SearchInput" id="side-nav-components-search-input" href="/hds-demo/header-custom-theme-site/components/search-input"><span class="MainLevel-module_label__uWKJ7">SearchInput</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="SelectionGroup" id="side-nav-components-selection-group" href="/hds-demo/header-custom-theme-site/components/selection-group"><span class="MainLevel-module_label__uWKJ7">SelectionGroup</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="SideNavigation" id="side-nav-components-side-navigation" href="/hds-demo/header-custom-theme-site/components/side-navigation"><span class="MainLevel-module_label__uWKJ7">SideNavigation</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="StatusLabel" id="side-nav-components-status-label" href="/hds-demo/header-custom-theme-site/components/status-label"><span class="MainLevel-module_label__uWKJ7">StatusLabel</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="StepByStep" id="side-nav-components-step-by-step" href="/hds-demo/header-custom-theme-site/components/step-by-step"><span class="MainLevel-module_label__uWKJ7">StepByStep</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Stepper" id="side-nav-components-stepper" href="/hds-demo/header-custom-theme-site/components/stepper"><span class="MainLevel-module_label__uWKJ7">Stepper</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Table" id="side-nav-components-table" href="/hds-demo/header-custom-theme-site/components/table"><span class="MainLevel-module_label__uWKJ7">Table</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Tabs" id="side-nav-components-tabs" href="/hds-demo/header-custom-theme-site/components/tabs"><span class="MainLevel-module_label__uWKJ7">Tabs</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Tag" id="side-nav-components-tag" href="/hds-demo/header-custom-theme-site/components/tag"><span class="MainLevel-module_label__uWKJ7">Tag</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="TextArea" id="side-nav-components-text-area" href="/hds-demo/header-custom-theme-site/components/text-area"><span class="MainLevel-module_label__uWKJ7">TextArea</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="TextInput" id="side-nav-components-text-input" href="/hds-demo/header-custom-theme-site/components/text-input"><span class="MainLevel-module_label__uWKJ7">TextInput</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="TimeInput" id="side-nav-components-time-input" href="/hds-demo/header-custom-theme-site/components/time-input"><span class="MainLevel-module_label__uWKJ7">TimeInput</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="ToggleButton" id="side-nav-components-toggle-button" href="/hds-demo/header-custom-theme-site/components/toggle-button"><span class="MainLevel-module_label__uWKJ7">ToggleButton</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Tooltip" id="side-nav-components-tooltip" href="/hds-demo/header-custom-theme-site/components/tooltip"><span class="MainLevel-module_label__uWKJ7">Tooltip</span></a></li></ul></nav></aside><main id="content" class="main-content"><h1 id="highlight" style="position:relative" class="page-heading-1 heading-xl-mobile">Highlight<a href="#highlight" aria-label="highlight permalink" class="header-anchor after"><span><span class="hds-anchor-icon hds-icon hds-icon--link hds-icon--size-xs" aria-hidden="true" style="vertical-align: middle"></span></span></a></h1>
 <div class="status-label-description"><span class="StatusLabel-module_statusLabel__3R2J2 status-label_hds-status-label__1L8YI StatusLabel-module_alert__2VR8r status-label_hds-status-label--alert__1ecsX" variant="rounded">Beta</span><span class="StatusLabel-module_statusLabel__3R2J2 status-label_hds-status-label__1L8YI StatusLabel-module_success__2BfdX status-label_hds-status-label--success__3jiST" variant="rounded" style="margin-left:var(--spacing-xs)">Accessible</span><div class="Tooltip-module_root__1Yo9t status-label-tooltip"><button type="button" class="Tooltip-module_button__2x9m0" title="Tooltip" aria-label="Tooltip" aria-expanded="false"><span aria-hidden="true"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="question-circle" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2ZM12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4ZM13 16V18H11V16H13ZM12.0437 5.75C14.0343 5.75 15.7173 7.29464 15.7173 9.42361C15.7173 10.7806 15.2461 11.489 14.161 12.306L13.9187 12.4844C13.1753 13.0295 12.9556 13.3359 12.9386 14.142L12.9375 14.25H10.9375C10.9375 12.6746 11.4591 11.8378 12.6143 10.9622L12.8618 10.7796C13.5685 10.2628 13.7173 10.0539 13.7173 9.42361C13.7173 8.43934 12.9662 7.75 12.0437 7.75C11.1907 7.75 10.4785 8.34077 10.3816 9.20835L10.3734 9.30587L8.37663 9.19182C8.49191 7.17347 10.1344 5.75 12.0437 5.75Z" fill="currentColor"></path></svg></span></button></div></div>
 <p style="font-size:var(--fontsize-body-xl);color:var(--color-black-90);max-width:600px">Highlight component allows lifting an excerpt from a longer text for emphasis. Highlight supports two types: highlight (default) and quotation. The Quote element has a reference to the quote source. The Highlight element is an excerpt from the text without the source information.</p>
-<div class="Tabs-module_tabs__2Ww5F"><div class="Tabs-module_tablistBar__elMv9 page-tabs-list"><div class="Tabs-module_scrollButton__3ufhP" aria-hidden="true"><button type="button" tabindex="-1"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-left" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.5 12L15.5 17L14 18.5L7.5 12L14 5.5L15.5 7L10.5 12Z" fill="currentColor"></path></svg></button></div><div class="Tabs-module_tablist__1iuDO"><ul role="tablist" style="width:0px"><li role="tab" aria-selected="true" aria-controls="tab-0-panel" tabindex="0" id="tab-0-button" class="Tabs-module_tab__3oOoX Tabs-module_active__1Ic3B"><span>Usage</span></li><li role="tab" aria-selected="false" aria-controls="tab-1-panel" tabindex="-1" id="tab-1-button" class="Tabs-module_tab__3oOoX"><span>Code</span></li><li role="tab" aria-selected="false" aria-controls="tab-2-panel" tabindex="-1" id="tab-2-button" class="Tabs-module_tab__3oOoX"><span>Accessibility</span></li><li role="tab" aria-selected="false" aria-controls="tab-3-panel" tabindex="-1" id="tab-3-button" class="Tabs-module_tab__3oOoX"><span>Customisation</span></li></ul></div><div class="Tabs-module_scrollButton__3ufhP" aria-hidden="true"><button type="button" tabindex="-1"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-right" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.5 12L8.5 7L10 5.5L16.5 12L10 18.5L8.5 17L13.5 12Z" fill="currentColor"></path></svg></button></div></div><div id="tab-0-panel" role="tabpanel" aria-labelledby="tab-0-button"></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-115" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-115)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
+<div class="Tabs-module_tabs__2Ww5F"><div class="Tabs-module_tablistBar__elMv9 page-tabs-list"><div class="Tabs-module_scrollButton__3ufhP" aria-hidden="true"><button type="button" tabindex="-1"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-left" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.5 12L15.5 17L14 18.5L7.5 12L14 5.5L15.5 7L10.5 12Z" fill="currentColor"></path></svg></button></div><div class="Tabs-module_tablist__1iuDO"><ul role="tablist" style="width:0px"><li role="tab" aria-selected="true" aria-controls="tab-0-panel" tabindex="0" id="tab-0-button" class="Tabs-module_tab__3oOoX Tabs-module_active__1Ic3B"><span>Usage</span></li><li role="tab" aria-selected="false" aria-controls="tab-1-panel" tabindex="-1" id="tab-1-button" class="Tabs-module_tab__3oOoX"><span>Code</span></li><li role="tab" aria-selected="false" aria-controls="tab-2-panel" tabindex="-1" id="tab-2-button" class="Tabs-module_tab__3oOoX"><span>Accessibility</span></li><li role="tab" aria-selected="false" aria-controls="tab-3-panel" tabindex="-1" id="tab-3-button" class="Tabs-module_tab__3oOoX"><span>Customisation</span></li></ul></div><div class="Tabs-module_scrollButton__3ufhP" aria-hidden="true"><button type="button" tabindex="-1"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-right" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.5 12L8.5 7L10 5.5L16.5 12L10 18.5L8.5 17L13.5 12Z" fill="currentColor"></path></svg></button></div></div><div id="tab-0-panel" role="tabpanel" aria-labelledby="tab-0-button"></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-130" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-130)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
     window.dev = undefined
     if (window.dev === true || !(navigator.doNotTrack === '1' || window.doNotTrack === '1')) {
       window._paq = window._paq || [];
@@ -83,6 +83,6 @@
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/components/icon/accessibility/index.html b/docs/header-custom-theme-site/components/icon/accessibility/index.html
index 686e7ebd88..fa1b9ea28a 100644
--- a/docs/header-custom-theme-site/components/icon/accessibility/index.html
+++ b/docs/header-custom-theme-site/components/icon/accessibility/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Icon - Accessibility"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Icon - Accessibility"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -90,6 +90,6 @@ <h3 id="pay-attention-to" style="position:relative" class="page-heading-3 headin
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/components/icon/code/index.html b/docs/header-custom-theme-site/components/icon/code/index.html
index 3fdaa61a62..124111affe 100644
--- a/docs/header-custom-theme-site/components/icon/code/index.html
+++ b/docs/header-custom-theme-site/components/icon/code/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Icon - Code"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Icon - Code"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -169,7 +169,7 @@ <h3 id="icon-visible-for-assistive-technologies" style="position:relative" class
 }
 </style></div></div></div></div></div><div class="playground-block-buttons"><button type="button" class="Button-module_button__1msFE button_hds-button__2A0je Button-module_secondary__1nABp button_hds-button--secondary__1NOWS Button-module_size-small__3lizH button_hds-button--small__2NFef"><span class="Button-module_label__a4np1 button_hds-button__label__2EQa-">Copy code</span></button><button type="button" class="Button-module_button__1msFE button_hds-button__2A0je Button-module_secondary__1nABp button_hds-button--secondary__1NOWS Button-module_size-small__3lizH button_hds-button--small__2NFef"><div class="Button-module_icon__O-h7R button_hds-icon__17j8Z" aria-hidden="true"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-undo" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M14 10C16.2091 10 18 11.7909 18 14C18 16.2091 16.2091 18 14 18H10V20H14.0364L14.188 19.9981C17.4131 19.9171 20 17.2611 20 14C20 10.7389 17.4131 8.08285 14.188 8.0019L8.5 8L12 4.5L10.5 3L4.5 9L10.5 15L12 13.5L8.5 10H14Z" fill="currentColor"></path></svg></div><span class="Button-module_label__a4np1 button_hds-button__label__2EQa-">Reset example</span></button></div></div></div></div></div>
 <h3 id="packages" style="position:relative" class="page-heading-3 heading-m">Packages<a href="#packages" aria-label="packages permalink" class="header-anchor after"><span><span class="hds-anchor-icon hds-icon hds-icon--link hds-icon--size-xs" aria-hidden="true" style="vertical-align: middle"></span></span></a></h3>
-<div class="hds-table-container" tabindex="0"><table class="hds-table hds-table--dark" aria-label="Service users (dark variant)"><thead><tr class="hds-table__header-row dark"><th scope="col">Package</th><th scope="col">Included</th><th scope="col">Storybook link</th><th scope="col">Source link</th></tr></thead><tbody class="hds-table__content"><tr><td><strong>HDS React</strong></td><td><div style="display:flex;gap:var(--spacing-3-xs)"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="check-circle-fill" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3ZM16.5 8L18 9.5L10.5 17L6 12.5L7.5 11L10.5 14L16.5 8Z" fill="currentColor"></path></svg> Yes </div></td><td><a aria-label="View in Storybook. Opens in a new tab" class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F" href="/storybook/react/?path=/docs/icons" target="_blank" rel="noopener">View in Storybook</a></td><td><a aria-label="View source. Opens in a new tab Opens a different website." class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F" href="https://github.com/City-of-Helsinki/helsinki-design-system/tree/master/packages/react/src/icons" target="_blank" rel="noopener">View source<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik Link-module_icon__3ReCc link_icon__i_HqN Link-module_verticalAlignMediumIcon__12PVa link_vertical-align-medium-icon__3IWi1" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="link-external" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M5 3V19H21V21H3V3H5ZM21 3V12H19V6.413L9.91421 15.5L8.5 14.0858L17.585 5H12V3H21Z" fill="currentColor"></path></svg></a></td></tr><tr><td><strong>HDS Core</strong></td><td><div style="display:flex;gap:var(--spacing-3-xs)"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="check-circle-fill" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3ZM16.5 8L18 9.5L10.5 17L6 12.5L7.5 11L10.5 14L16.5 8Z" fill="currentColor"></path></svg> Yes </div></td><td><a aria-label="View in Storybook. Opens in a new tab" class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F" href="/storybook/core/?path=/story/icons" target="_blank" rel="noopener">View in Storybook</a></td><td><a aria-label="View source. Opens in a new tab Opens a different website." class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F" href="https://github.com/City-of-Helsinki/helsinki-design-system/tree/master/packages/core/src/icons" target="_blank" rel="noopener">View source<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik Link-module_icon__3ReCc link_icon__i_HqN Link-module_verticalAlignMediumIcon__12PVa link_vertical-align-medium-icon__3IWi1" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="link-external" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M5 3V19H21V21H3V3H5ZM21 3V12H19V6.413L9.91421 15.5L8.5 14.0858L17.585 5H12V3H21Z" fill="currentColor"></path></svg></a></td></tr></tbody></table></div></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-96" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-96)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
+<div class="hds-table-container" tabindex="0"><table class="hds-table hds-table--dark" aria-label="Service users (dark variant)"><thead><tr class="hds-table__header-row dark"><th scope="col">Package</th><th scope="col">Included</th><th scope="col">Storybook link</th><th scope="col">Source link</th></tr></thead><tbody class="hds-table__content"><tr><td><strong>HDS React</strong></td><td><div style="display:flex;gap:var(--spacing-3-xs)"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="check-circle-fill" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3ZM16.5 8L18 9.5L10.5 17L6 12.5L7.5 11L10.5 14L16.5 8Z" fill="currentColor"></path></svg> Yes </div></td><td><a aria-label="View in Storybook. Opens in a new tab" class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F" href="/storybook/react/?path=/docs/icons" target="_blank" rel="noopener">View in Storybook</a></td><td><a aria-label="View source. Opens in a new tab Opens a different website." class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F" href="https://github.com/City-of-Helsinki/helsinki-design-system/tree/master/packages/react/src/icons" target="_blank" rel="noopener">View source<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik Link-module_icon__3ReCc link_icon__i_HqN Link-module_verticalAlignMediumIcon__12PVa link_vertical-align-medium-icon__3IWi1" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="link-external" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M5 3V19H21V21H3V3H5ZM21 3V12H19V6.413L9.91421 15.5L8.5 14.0858L17.585 5H12V3H21Z" fill="currentColor"></path></svg></a></td></tr><tr><td><strong>HDS Core</strong></td><td><div style="display:flex;gap:var(--spacing-3-xs)"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="check-circle-fill" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3ZM16.5 8L18 9.5L10.5 17L6 12.5L7.5 11L10.5 14L16.5 8Z" fill="currentColor"></path></svg> Yes </div></td><td><a aria-label="View in Storybook. Opens in a new tab" class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F" href="/storybook/core/?path=/story/icons" target="_blank" rel="noopener">View in Storybook</a></td><td><a aria-label="View source. Opens in a new tab Opens a different website." class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F" href="https://github.com/City-of-Helsinki/helsinki-design-system/tree/master/packages/core/src/icons" target="_blank" rel="noopener">View source<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik Link-module_icon__3ReCc link_icon__i_HqN Link-module_verticalAlignMediumIcon__12PVa link_vertical-align-medium-icon__3IWi1" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="link-external" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M5 3V19H21V21H3V3H5ZM21 3V12H19V6.413L9.91421 15.5L8.5 14.0858L17.585 5H12V3H21Z" fill="currentColor"></path></svg></a></td></tr></tbody></table></div></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-97" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-97)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
     window.dev = undefined
     if (window.dev === true || !(navigator.doNotTrack === '1' || window.doNotTrack === '1')) {
       window._paq = window._paq || [];
@@ -197,6 +197,6 @@ <h3 id="packages" style="position:relative" class="page-heading-3 heading-m">Pac
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/components/icon/customisation/index.html b/docs/header-custom-theme-site/components/icon/customisation/index.html
index 02b619da06..d9c3a1b708 100644
--- a/docs/header-custom-theme-site/components/icon/customisation/index.html
+++ b/docs/header-custom-theme-site/components/icon/customisation/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Icon - Customisation"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Icon - Customisation"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -132,6 +132,6 @@ <h3 id="customisation-example" style="position:relative" class="page-heading-3 h
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/components/icon/index.html b/docs/header-custom-theme-site/components/icon/index.html
index d59939581e..90291804b3 100644
--- a/docs/header-custom-theme-site/components/icon/index.html
+++ b/docs/header-custom-theme-site/components/icon/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Icon"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Icon"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -72,7 +72,7 @@ <h4 id="icon-sizes" style="position:relative" class="page-heading-4 heading-s">I
 <div class="playground-block-preview playground-block-preview-light"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_xs__3kAOj icon_hds-icon--size-xs__3dAMZ" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="face-smile" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2ZM12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4ZM8.89722 13.5584C9.47797 14.7384 10.6738 15.5 12.0054 15.5C13.2846 15.5 14.4388 14.7973 15.0426 13.695L15.1052 13.5754L16.8948 14.4683C15.9757 16.3104 14.0966 17.5 12.0054 17.5C9.95612 17.5 8.11104 16.3576 7.17312 14.5796L7.10278 14.4416L8.89722 13.5584ZM8.5 8C9.32843 8 10 8.67157 10 9.5C10 10.3284 9.32843 11 8.5 11C7.67157 11 7 10.3284 7 9.5C7 8.67157 7.67157 8 8.5 8ZM15.5 8C16.3284 8 17 8.67157 17 9.5C17 10.3284 16.3284 11 15.5 11C14.6716 11 14 10.3284 14 9.5C14 8.67157 14.6716 8 15.5 8Z" fill="currentColor"></path></svg><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="face-smile" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2ZM12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4ZM8.89722 13.5584C9.47797 14.7384 10.6738 15.5 12.0054 15.5C13.2846 15.5 14.4388 14.7973 15.0426 13.695L15.1052 13.5754L16.8948 14.4683C15.9757 16.3104 14.0966 17.5 12.0054 17.5C9.95612 17.5 8.11104 16.3576 7.17312 14.5796L7.10278 14.4416L8.89722 13.5584ZM8.5 8C9.32843 8 10 8.67157 10 9.5C10 10.3284 9.32843 11 8.5 11C7.67157 11 7 10.3284 7 9.5C7 8.67157 7.67157 8 8.5 8ZM15.5 8C16.3284 8 17 8.67157 17 9.5C17 10.3284 16.3284 11 15.5 11C14.6716 11 14 10.3284 14 9.5C14 8.67157 14.6716 8 15.5 8Z" fill="currentColor"></path></svg><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_m__3edUY icon_hds-icon--size-m__1mcHv" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="face-smile" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2ZM12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4ZM8.89722 13.5584C9.47797 14.7384 10.6738 15.5 12.0054 15.5C13.2846 15.5 14.4388 14.7973 15.0426 13.695L15.1052 13.5754L16.8948 14.4683C15.9757 16.3104 14.0966 17.5 12.0054 17.5C9.95612 17.5 8.11104 16.3576 7.17312 14.5796L7.10278 14.4416L8.89722 13.5584ZM8.5 8C9.32843 8 10 8.67157 10 9.5C10 10.3284 9.32843 11 8.5 11C7.67157 11 7 10.3284 7 9.5C7 8.67157 7.67157 8 8.5 8ZM15.5 8C16.3284 8 17 8.67157 17 9.5C17 10.3284 16.3284 11 15.5 11C14.6716 11 14 10.3284 14 9.5C14 8.67157 14.6716 8 15.5 8Z" fill="currentColor"></path></svg><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_l__1TDQL icon_hds-icon--size-l__3Zczy" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="face-smile" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2ZM12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4ZM8.89722 13.5584C9.47797 14.7384 10.6738 15.5 12.0054 15.5C13.2846 15.5 14.4388 14.7973 15.0426 13.695L15.1052 13.5754L16.8948 14.4683C15.9757 16.3104 14.0966 17.5 12.0054 17.5C9.95612 17.5 8.11104 16.3576 7.17312 14.5796L7.10278 14.4416L8.89722 13.5584ZM8.5 8C9.32843 8 10 8.67157 10 9.5C10 10.3284 9.32843 11 8.5 11C7.67157 11 7 10.3284 7 9.5C7 8.67157 7.67157 8 8.5 8ZM15.5 8C16.3284 8 17 8.67157 17 9.5C17 10.3284 16.3284 11 15.5 11C14.6716 11 14 10.3284 14 9.5C14 8.67157 14.6716 8 15.5 8Z" fill="currentColor"></path></svg><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_xl__1M6cO icon_hds-icon--size-xl__1Jes8" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="face-smile" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2ZM12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4ZM8.89722 13.5584C9.47797 14.7384 10.6738 15.5 12.0054 15.5C13.2846 15.5 14.4388 14.7973 15.0426 13.695L15.1052 13.5754L16.8948 14.4683C15.9757 16.3104 14.0966 17.5 12.0054 17.5C9.95612 17.5 8.11104 16.3576 7.17312 14.5796L7.10278 14.4416L8.89722 13.5584ZM8.5 8C9.32843 8 10 8.67157 10 9.5C10 10.3284 9.32843 11 8.5 11C7.67157 11 7 10.3284 7 9.5C7 8.67157 7.67157 8 8.5 8ZM15.5 8C16.3284 8 17 8.67157 17 9.5C17 10.3284 16.3284 11 15.5 11C14.6716 11 14 10.3284 14 9.5C14 8.67157 14.6716 8 15.5 8Z" fill="currentColor"></path></svg></div>
 <h3 id="icon-visible-for-assistive-technologies" style="position:relative" class="page-heading-3 heading-m">Icon visible for assistive technologies<a href="#icon-visible-for-assistive-technologies" aria-label="icon visible for assistive technologies permalink" class="header-anchor after"><span><span class="hds-anchor-icon hds-icon hds-icon--link hds-icon--size-xs" aria-hidden="true" style="vertical-align: middle"></span></span></a></h3>
 <p>If the icon has a meaning or is used as an interactive element, it should not be hidden from assistive technologies. This is important if, for example, you are using icons as buttons.</p>
-<div class="playground-block-preview playground-block-preview-light"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="plus-circle" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2ZM12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4ZM13 7V11H17V13H13V17H11V13H7V11H11V7H13Z" fill="currentColor"></path></svg></div></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-92" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-92)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
+<div class="playground-block-preview playground-block-preview-light"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="plus-circle" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2ZM12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4ZM13 7V11H17V13H13V17H11V13H7V11H11V7H13Z" fill="currentColor"></path></svg></div></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-93" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-93)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
     window.dev = undefined
     if (window.dev === true || !(navigator.doNotTrack === '1' || window.doNotTrack === '1')) {
       window._paq = window._paq || [];
@@ -100,6 +100,6 @@ <h3 id="icon-visible-for-assistive-technologies" style="position:relative" class
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/components/icon/tabs/index.html b/docs/header-custom-theme-site/components/icon/tabs/index.html
index c200e1c402..a526fb9586 100644
--- a/docs/header-custom-theme-site/components/icon/tabs/index.html
+++ b/docs/header-custom-theme-site/components/icon/tabs/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Icon"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Icon"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -83,6 +83,6 @@
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/components/index.html b/docs/header-custom-theme-site/components/index.html
index b7601c6c24..ac4114bae4 100644
--- a/docs/header-custom-theme-site/components/index.html
+++ b/docs/header-custom-theme-site/components/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Components overview"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Components overview"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -54,7 +54,7 @@
     })
   </script><link rel="manifest" href="/hds-demo/header-custom-theme-site/manifest.webmanifest" crossorigin="anonymous"/><link rel="apple-touch-icon" sizes="any" href="/hds-demo/header-custom-theme-site/favicon/light/favicon-32x32.ico"/><link rel="apple-touch-icon" href="/hds-demo/header-custom-theme-site/favicon/light/apple-touch-icon.png"/><link rel="apple-touch-icon" sizes="192x192" href="/hds-demo/header-custom-theme-site/favicon/light/favicon-192x192.png"/><link rel="apple-touch-icon" sizes="512x512" href="/hds-demo/header-custom-theme-site/favicon/light/favicon-512x512.png"/><link rel="preconnect" href="https://webanalytics.digiaiiris.com/js"/></head><body><div id="___gatsby"><div style="outline:none" tabindex="-1" id="gatsby-focus-wrapper"><div class="page text-body"><header id="page-header" class="Navigation-module_header__2HNOX Navigation-module_theme-light__36nmi pageHeader"><a class="Navigation-module_skipToContent__2p54x" href="#content">Skip to content</a><div class="visible-module_belowM__2GR1J"><div class="Navigation-module_headerBackgroundWrapper__137R3"><div class="Navigation-module_headerContainer__2YPsu"><a class="Navigation-module_title__3zRBe" href="https://hds.hel.fi" aria-label="Helsinki: Helsinki Design System"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Navigation-module_logo__1sEy6" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg><span><div class="page-header-title"><div>Helsinki Design System</div><div class="page-header-title-badge"><img style="filter:invert(1)" alt="HDS version number: 2.15.0" src="https://img.shields.io/github/v/release/City-of-Helsinki/helsinki-design-system?label=&amp;style=for-the-badge&amp;color=1a1a1a"/></div></div></span></a><button aria-label="menu" aria-haspopup="true" aria-expanded="false" type="button" class="Navigation-module_mobileMenuToggle__1v6en"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="menu-hamburger" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M22 17V19H2V17H22ZM22 11V13H2V11H22ZM22 5V7H2V5H22Z" fill="currentColor"></path></svg></button></div></div></div><div class="visible-module_aboveM__31mn_"><div class="Navigation-module_headerBackgroundWrapper__137R3"><div class="Navigation-module_headerContainer__2YPsu"><a class="Navigation-module_title__3zRBe" href="https://hds.hel.fi" aria-label="Helsinki: Helsinki Design System"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Navigation-module_logo__1sEy6" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg><span><div class="page-header-title"><div>Helsinki Design System</div><div class="page-header-title-badge"><img style="filter:invert(1)" alt="HDS version number: 2.15.0" src="https://img.shields.io/github/v/release/City-of-Helsinki/helsinki-design-system?label=&amp;style=for-the-badge&amp;color=1a1a1a"/></div></div></span></a><div class="Navigation-module_headerContent__3zHbK"></div></div></div><nav class="NavigationRow-module_navigation__24tui NavigationRow-module_subNav__3fDXv" aria-label="Site navigation"><a class="NavigationItem-module_rowItem__2QxRz" href="/hds-demo/header-custom-theme-site/getting-started/"><span class="NavigationItem-module_label__1UsXG button_hds-button__label__3r3Mi">Getting started</span></a><a class="NavigationItem-module_rowItem__2QxRz" href="/hds-demo/header-custom-theme-site/foundation/"><span class="NavigationItem-module_label__1UsXG button_hds-button__label__3r3Mi">Foundation</span></a><a aria-current="page" class="NavigationItem-module_rowItem__2QxRz NavigationItem-module_active__3Ckcw" href="/hds-demo/header-custom-theme-site/components/"><span class="NavigationItem-module_label__1UsXG button_hds-button__label__3r3Mi">Components</span></a><a class="NavigationItem-module_rowItem__2QxRz" href="/hds-demo/header-custom-theme-site/patterns/"><span class="NavigationItem-module_label__1UsXG button_hds-button__label__3r3Mi">Patterns</span></a><a class="NavigationItem-module_rowItem__2QxRz" href="/hds-demo/header-custom-theme-site/about/"><span class="NavigationItem-module_label__1UsXG button_hds-button__label__3r3Mi">About</span></a></nav></div></header><div class="page-content"><aside class="side-content"><nav class="SideNavigation-module_sideNavigation__3X-9P" id="side-navigation" aria-label="Components"><button type="button" class="Button-module_button__1msFE button_hds-button__2A0je Button-module_secondary__1nABp button_hds-button--secondary__1NOWS Button-module_fullWidth__31eVK button_hds-button--fullwidth__1_hG9 SideNavigation-module_toggleButton__10tXH" aria-controls="side-navigation-menu" aria-expanded="false" aria-haspopup="true"><span class="Button-module_label__a4np1 button_hds-button__label__2EQa-">Navigate to page</span><div class="Button-module_icon__O-h7R button_hds-icon__17j8Z" aria-hidden="true"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-down" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 13.5L17 8.5L18.5 10L12 16.5L5.5 10L7 8.5L12 13.5Z" fill="currentColor"></path></svg></div></button><ul class="SideNavigation-module_mainLevelList__SLZKQ" aria-label="Navigate to page" id="side-navigation-menu"><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_active__3IkdI MainLevel-module_open__2yWFj"><a aria-current="page" aria-label="Overview" id="side-nav-components" href="/hds-demo/header-custom-theme-site/components"><span class="MainLevel-module_label__uWKJ7">Overview</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Accordion" id="side-nav-components-accordion" href="/hds-demo/header-custom-theme-site/components/accordion"><span class="MainLevel-module_label__uWKJ7">Accordion</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Breadcrumb" id="side-nav-components-breadcrumb" href="/hds-demo/header-custom-theme-site/components/breadcrumb"><span class="MainLevel-module_label__uWKJ7">Breadcrumb</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Button" id="side-nav-components-buttons" href="/hds-demo/header-custom-theme-site/components/buttons"><span class="MainLevel-module_label__uWKJ7">Button</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Card" id="side-nav-components-card" href="/hds-demo/header-custom-theme-site/components/card"><span class="MainLevel-module_label__uWKJ7">Card</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Checkbox" id="side-nav-components-checkbox" href="/hds-demo/header-custom-theme-site/components/checkbox"><span class="MainLevel-module_label__uWKJ7">Checkbox</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="CookieConsent" id="side-nav-components-cookie-consent" href="/hds-demo/header-custom-theme-site/components/cookie-consent"><span class="MainLevel-module_label__uWKJ7">CookieConsent</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="DateInput" id="side-nav-components-date-input" href="/hds-demo/header-custom-theme-site/components/date-input"><span class="MainLevel-module_label__uWKJ7">DateInput</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Dialog" id="side-nav-components-dialog" href="/hds-demo/header-custom-theme-site/components/dialog"><span class="MainLevel-module_label__uWKJ7">Dialog</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Dropdown" id="side-nav-components-dropdown" href="/hds-demo/header-custom-theme-site/components/dropdown"><span class="MainLevel-module_label__uWKJ7">Dropdown</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Fieldset" id="side-nav-components-fieldset" href="/hds-demo/header-custom-theme-site/components/fieldset"><span class="MainLevel-module_label__uWKJ7">Fieldset</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="FileInput" id="side-nav-components-file-input" href="/hds-demo/header-custom-theme-site/components/file-input"><span class="MainLevel-module_label__uWKJ7">FileInput</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Footer" id="side-nav-components-footer" href="/hds-demo/header-custom-theme-site/components/footer"><span class="MainLevel-module_label__uWKJ7">Footer</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Header" id="side-nav-components-header" href="/hds-demo/header-custom-theme-site/components/header"><span class="MainLevel-module_label__uWKJ7">Header</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Hero" id="side-nav-components-hero" href="/hds-demo/header-custom-theme-site/components/hero"><span class="MainLevel-module_label__uWKJ7">Hero</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Highlight" id="side-nav-components-highlight" href="/hds-demo/header-custom-theme-site/components/highlight"><span class="MainLevel-module_label__uWKJ7">Highlight</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Icon" id="side-nav-components-icon" href="/hds-demo/header-custom-theme-site/components/icon"><span class="MainLevel-module_label__uWKJ7">Icon</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Koros" id="side-nav-components-koros" href="/hds-demo/header-custom-theme-site/components/koros"><span class="MainLevel-module_label__uWKJ7">Koros</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Link" id="side-nav-components-link" href="/hds-demo/header-custom-theme-site/components/link"><span class="MainLevel-module_label__uWKJ7">Link</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Linkbox" id="side-nav-components-linkbox" href="/hds-demo/header-custom-theme-site/components/linkbox"><span class="MainLevel-module_label__uWKJ7">Linkbox</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="LoadingSpinner" id="side-nav-components-loading-spinner" href="/hds-demo/header-custom-theme-site/components/loading-spinner"><span class="MainLevel-module_label__uWKJ7">LoadingSpinner</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Logo" id="side-nav-components-logo" href="/hds-demo/header-custom-theme-site/components/logo"><span class="MainLevel-module_label__uWKJ7">Logo</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Navigation" id="side-nav-components-navigation" href="/hds-demo/header-custom-theme-site/components/navigation"><span class="MainLevel-module_label__uWKJ7">Navigation</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Notification" id="side-nav-components-notification" href="/hds-demo/header-custom-theme-site/components/notification"><span class="MainLevel-module_label__uWKJ7">Notification</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="NumberInput" id="side-nav-components-number-input" href="/hds-demo/header-custom-theme-site/components/number-input"><span class="MainLevel-module_label__uWKJ7">NumberInput</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Pagination" id="side-nav-components-pagination" href="/hds-demo/header-custom-theme-site/components/pagination"><span class="MainLevel-module_label__uWKJ7">Pagination</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="PasswordInput" id="side-nav-components-password-input" href="/hds-demo/header-custom-theme-site/components/password-input"><span class="MainLevel-module_label__uWKJ7">PasswordInput</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="PhoneInput" id="side-nav-components-phone-input" href="/hds-demo/header-custom-theme-site/components/phone-input"><span class="MainLevel-module_label__uWKJ7">PhoneInput</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="RadioButton" id="side-nav-components-radio-button" href="/hds-demo/header-custom-theme-site/components/radio-button"><span class="MainLevel-module_label__uWKJ7">RadioButton</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="SearchInput" id="side-nav-components-search-input" href="/hds-demo/header-custom-theme-site/components/search-input"><span class="MainLevel-module_label__uWKJ7">SearchInput</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="SelectionGroup" id="side-nav-components-selection-group" href="/hds-demo/header-custom-theme-site/components/selection-group"><span class="MainLevel-module_label__uWKJ7">SelectionGroup</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="SideNavigation" id="side-nav-components-side-navigation" href="/hds-demo/header-custom-theme-site/components/side-navigation"><span class="MainLevel-module_label__uWKJ7">SideNavigation</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="StatusLabel" id="side-nav-components-status-label" href="/hds-demo/header-custom-theme-site/components/status-label"><span class="MainLevel-module_label__uWKJ7">StatusLabel</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="StepByStep" id="side-nav-components-step-by-step" href="/hds-demo/header-custom-theme-site/components/step-by-step"><span class="MainLevel-module_label__uWKJ7">StepByStep</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Stepper" id="side-nav-components-stepper" href="/hds-demo/header-custom-theme-site/components/stepper"><span class="MainLevel-module_label__uWKJ7">Stepper</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Table" id="side-nav-components-table" href="/hds-demo/header-custom-theme-site/components/table"><span class="MainLevel-module_label__uWKJ7">Table</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Tabs" id="side-nav-components-tabs" href="/hds-demo/header-custom-theme-site/components/tabs"><span class="MainLevel-module_label__uWKJ7">Tabs</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Tag" id="side-nav-components-tag" href="/hds-demo/header-custom-theme-site/components/tag"><span class="MainLevel-module_label__uWKJ7">Tag</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="TextArea" id="side-nav-components-text-area" href="/hds-demo/header-custom-theme-site/components/text-area"><span class="MainLevel-module_label__uWKJ7">TextArea</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="TextInput" id="side-nav-components-text-input" href="/hds-demo/header-custom-theme-site/components/text-input"><span class="MainLevel-module_label__uWKJ7">TextInput</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="TimeInput" id="side-nav-components-time-input" href="/hds-demo/header-custom-theme-site/components/time-input"><span class="MainLevel-module_label__uWKJ7">TimeInput</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="ToggleButton" id="side-nav-components-toggle-button" href="/hds-demo/header-custom-theme-site/components/toggle-button"><span class="MainLevel-module_label__uWKJ7">ToggleButton</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Tooltip" id="side-nav-components-tooltip" href="/hds-demo/header-custom-theme-site/components/tooltip"><span class="MainLevel-module_label__uWKJ7">Tooltip</span></a></li></ul></nav></aside><main id="content" class="main-content"><h1 id="components-overview" style="position:relative" class="page-heading-1 heading-xl-mobile">Components overview<a href="#components-overview" aria-label="components overview permalink" class="header-anchor after"><span><span class="hds-anchor-icon hds-icon hds-icon--link hds-icon--size-xs" aria-hidden="true" style="vertical-align: middle"></span></span></a></h1>
 <p>This section lists all components currently available in HDS.</p>
-<div class="linkbox-list "><div class="linkbox-list-item"><div role="region" tabindex="0" class="Linkbox-module_linkbox__15LUm Linkbox-module_border__3lfzt linkbox-list-link" aria-label="Accordion component."><img src="/hds-demo/header-custom-theme-site/images/components/overview/accordion@2x.png" alt="" height="180" width="280" class="Linkbox-module_image__2GxFx"/><div class="Linkbox-module_withBackground__1xdbp Linkbox-module_withSmallImage__3E12M Linkbox-module_contentSmall__2WG1n"><div role="heading" aria-level="2" class="Linkbox-module_headingSmall__1-9yw helpers_heading-s__1HNlW">Accordion</div><p class="Linkbox-module_text__2lkl4">Accordions can be used to hide and reveal information.</p></div><a class="Linkbox-module_link__3tFuW" aria-label="Go to the Accordion component page." tabindex="-1" href="/hds-demo/header-custom-theme-site/components/accordion"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_l__1TDQL icon_hds-icon--size-l__3Zczy Linkbox-module_icon__1e7kG" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-right" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M14 5.5L12.5 7L16.5 11H4V13H16.5L12.5 17L14 18.5L20.5 12L14 5.5Z" fill="currentColor"></path></svg></a></div></div><div class="linkbox-list-item"><div role="region" tabindex="0" class="Linkbox-module_linkbox__15LUm Linkbox-module_border__3lfzt linkbox-list-link" aria-label="Breadcrumb component."><img src="/hds-demo/header-custom-theme-site/images/components/overview/breadcrumbs@2x.png" alt="" height="180" width="280" class="Linkbox-module_image__2GxFx"/><div class="Linkbox-module_withBackground__1xdbp Linkbox-module_withSmallImage__3E12M Linkbox-module_contentSmall__2WG1n"><div role="heading" aria-level="2" class="Linkbox-module_headingSmall__1-9yw helpers_heading-s__1HNlW">Breadcrumb</div><p class="Linkbox-module_text__2lkl4">Breadcrumb provides links back to each previous page and shows the user&#x27;s current location on a website.</p></div><a class="Linkbox-module_link__3tFuW" aria-label="Go to the Breadcrumb component page." tabindex="-1" href="/hds-demo/header-custom-theme-site/components/breadcrumb"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_l__1TDQL icon_hds-icon--size-l__3Zczy Linkbox-module_icon__1e7kG" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-right" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M14 5.5L12.5 7L16.5 11H4V13H16.5L12.5 17L14 18.5L20.5 12L14 5.5Z" fill="currentColor"></path></svg></a></div></div><div class="linkbox-list-item"><div role="region" tabindex="0" class="Linkbox-module_linkbox__15LUm Linkbox-module_border__3lfzt linkbox-list-link" aria-label="Button component."><img src="/hds-demo/header-custom-theme-site/images/components/overview/button@2x.png" alt="" height="180" width="280" class="Linkbox-module_image__2GxFx"/><div class="Linkbox-module_withBackground__1xdbp Linkbox-module_withSmallImage__3E12M Linkbox-module_contentSmall__2WG1n"><div role="heading" aria-level="2" class="Linkbox-module_headingSmall__1-9yw helpers_heading-s__1HNlW">Button</div><p class="Linkbox-module_text__2lkl4">Buttons are meant to make actions easily visible and understandable to the user.</p></div><a class="Linkbox-module_link__3tFuW" aria-label="Go to the Button component page." tabindex="-1" href="/hds-demo/header-custom-theme-site/components/buttons"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_l__1TDQL icon_hds-icon--size-l__3Zczy Linkbox-module_icon__1e7kG" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-right" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M14 5.5L12.5 7L16.5 11H4V13H16.5L12.5 17L14 18.5L20.5 12L14 5.5Z" fill="currentColor"></path></svg></a></div></div><div class="linkbox-list-item"><div role="region" tabindex="0" class="Linkbox-module_linkbox__15LUm Linkbox-module_border__3lfzt linkbox-list-link" aria-label="Card component."><img src="/hds-demo/header-custom-theme-site/images/components/overview/card@2x.png" alt="" height="180" width="280" class="Linkbox-module_image__2GxFx"/><div class="Linkbox-module_withBackground__1xdbp Linkbox-module_withSmallImage__3E12M Linkbox-module_contentSmall__2WG1n"><div role="heading" aria-level="2" class="Linkbox-module_headingSmall__1-9yw helpers_heading-s__1HNlW">Card</div><p class="Linkbox-module_text__2lkl4">Cards can be used to divide and organise interface content.</p></div><a class="Linkbox-module_link__3tFuW" aria-label="Go to the Card component page." tabindex="-1" href="/hds-demo/header-custom-theme-site/components/card"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_l__1TDQL icon_hds-icon--size-l__3Zczy Linkbox-module_icon__1e7kG" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-right" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M14 5.5L12.5 7L16.5 11H4V13H16.5L12.5 17L14 18.5L20.5 12L14 5.5Z" fill="currentColor"></path></svg></a></div></div><div class="linkbox-list-item"><div role="region" tabindex="0" class="Linkbox-module_linkbox__15LUm Linkbox-module_border__3lfzt linkbox-list-link" aria-label="Checkbox component."><img src="/hds-demo/header-custom-theme-site/images/components/overview/checkbox@2x.png" alt="" height="180" width="280" class="Linkbox-module_image__2GxFx"/><div class="Linkbox-module_withBackground__1xdbp Linkbox-module_withSmallImage__3E12M Linkbox-module_contentSmall__2WG1n"><div role="heading" aria-level="2" class="Linkbox-module_headingSmall__1-9yw helpers_heading-s__1HNlW">Checkbox</div><p class="Linkbox-module_text__2lkl4">Checkboxes are used to select from one of more options.</p></div><a class="Linkbox-module_link__3tFuW" aria-label="Go to the Checkbox component page." tabindex="-1" href="/hds-demo/header-custom-theme-site/components/checkbox"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_l__1TDQL icon_hds-icon--size-l__3Zczy Linkbox-module_icon__1e7kG" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-right" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M14 5.5L12.5 7L16.5 11H4V13H16.5L12.5 17L14 18.5L20.5 12L14 5.5Z" fill="currentColor"></path></svg></a></div></div><div class="linkbox-list-item"><div role="region" tabindex="0" class="Linkbox-module_linkbox__15LUm Linkbox-module_border__3lfzt linkbox-list-link" aria-label="CookieConsent components."><img src="/hds-demo/header-custom-theme-site/images/components/overview/cookieconsent@2x.png" alt="" height="180" width="280" class="Linkbox-module_image__2GxFx"/><div class="Linkbox-module_withBackground__1xdbp Linkbox-module_withSmallImage__3E12M Linkbox-module_contentSmall__2WG1n"><div role="heading" aria-level="2" class="Linkbox-module_headingSmall__1-9yw helpers_heading-s__1HNlW">CookieConsent</div><p class="Linkbox-module_text__2lkl4">The cookie compliance components informs users about cookie usage.</p></div><a class="Linkbox-module_link__3tFuW" aria-label="Go to the CookieConsent components page." tabindex="-1" href="/hds-demo/header-custom-theme-site/components/cookie-consent"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_l__1TDQL icon_hds-icon--size-l__3Zczy Linkbox-module_icon__1e7kG" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-right" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M14 5.5L12.5 7L16.5 11H4V13H16.5L12.5 17L14 18.5L20.5 12L14 5.5Z" fill="currentColor"></path></svg></a></div></div><div class="linkbox-list-item"><div role="region" tabindex="0" class="Linkbox-module_linkbox__15LUm Linkbox-module_border__3lfzt linkbox-list-link" aria-label="DateInput component."><img src="/hds-demo/header-custom-theme-site/images/components/overview/dateinput@2x.png" alt="" height="180" width="280" class="Linkbox-module_image__2GxFx"/><div class="Linkbox-module_withBackground__1xdbp Linkbox-module_withSmallImage__3E12M Linkbox-module_contentSmall__2WG1n"><div role="heading" aria-level="2" class="Linkbox-module_headingSmall__1-9yw helpers_heading-s__1HNlW">DateInput</div><p class="Linkbox-module_text__2lkl4">Date input allows the user to easily input a specific date or a date range. </p></div><a class="Linkbox-module_link__3tFuW" aria-label="Go to the DateInput component page." tabindex="-1" href="/hds-demo/header-custom-theme-site/components/date-input"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_l__1TDQL icon_hds-icon--size-l__3Zczy Linkbox-module_icon__1e7kG" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-right" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M14 5.5L12.5 7L16.5 11H4V13H16.5L12.5 17L14 18.5L20.5 12L14 5.5Z" fill="currentColor"></path></svg></a></div></div><div class="linkbox-list-item"><div role="region" tabindex="0" class="Linkbox-module_linkbox__15LUm Linkbox-module_border__3lfzt linkbox-list-link" aria-label="Dialog component."><img src="/hds-demo/header-custom-theme-site/images/components/overview/dialog@2x.png" alt="" height="180" width="280" class="Linkbox-module_image__2GxFx"/><div class="Linkbox-module_withBackground__1xdbp Linkbox-module_withSmallImage__3E12M Linkbox-module_contentSmall__2WG1n"><div role="heading" aria-level="2" class="Linkbox-module_headingSmall__1-9yw helpers_heading-s__1HNlW">Dialog</div><p class="Linkbox-module_text__2lkl4">Dialogs initiate a conversation between the service and the user.</p></div><a class="Linkbox-module_link__3tFuW" aria-label="Go to the Dialog component page." tabindex="-1" href="/hds-demo/header-custom-theme-site/components/dialog"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_l__1TDQL icon_hds-icon--size-l__3Zczy Linkbox-module_icon__1e7kG" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-right" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M14 5.5L12.5 7L16.5 11H4V13H16.5L12.5 17L14 18.5L20.5 12L14 5.5Z" fill="currentColor"></path></svg></a></div></div><div class="linkbox-list-item"><div role="region" tabindex="0" class="Linkbox-module_linkbox__15LUm Linkbox-module_border__3lfzt linkbox-list-link" aria-label="Dropdown component."><img src="/hds-demo/header-custom-theme-site/images/components/overview/dropdown@2x.png" alt="" height="180" width="280" class="Linkbox-module_image__2GxFx"/><div class="Linkbox-module_withBackground__1xdbp Linkbox-module_withSmallImage__3E12M Linkbox-module_contentSmall__2WG1n"><div role="heading" aria-level="2" class="Linkbox-module_headingSmall__1-9yw helpers_heading-s__1HNlW">Dropdown</div><p class="Linkbox-module_text__2lkl4">A dropdown offers a user a list of options, of which one or multiple can be selected.</p></div><a class="Linkbox-module_link__3tFuW" aria-label="Go to the Dropdown component page." tabindex="-1" href="/hds-demo/header-custom-theme-site/components/dropdown"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_l__1TDQL icon_hds-icon--size-l__3Zczy Linkbox-module_icon__1e7kG" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-right" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M14 5.5L12.5 7L16.5 11H4V13H16.5L12.5 17L14 18.5L20.5 12L14 5.5Z" fill="currentColor"></path></svg></a></div></div><div class="linkbox-list-item"><div role="region" tabindex="0" class="Linkbox-module_linkbox__15LUm Linkbox-module_border__3lfzt linkbox-list-link" aria-label="Fieldset component."><img src="/hds-demo/header-custom-theme-site/images/components/overview/fieldset@2x.png" alt="" height="180" width="280" class="Linkbox-module_image__2GxFx"/><div class="Linkbox-module_withBackground__1xdbp Linkbox-module_withSmallImage__3E12M Linkbox-module_contentSmall__2WG1n"><div role="heading" aria-level="2" class="Linkbox-module_headingSmall__1-9yw helpers_heading-s__1HNlW">Fieldset</div><p class="Linkbox-module_text__2lkl4">Fieldset groups multiple related form input fields together.</p></div><a class="Linkbox-module_link__3tFuW" aria-label="Go to the Fieldset component page." tabindex="-1" href="/hds-demo/header-custom-theme-site/components/fieldset"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_l__1TDQL icon_hds-icon--size-l__3Zczy Linkbox-module_icon__1e7kG" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-right" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M14 5.5L12.5 7L16.5 11H4V13H16.5L12.5 17L14 18.5L20.5 12L14 5.5Z" fill="currentColor"></path></svg></a></div></div><div class="linkbox-list-item"><div role="region" tabindex="0" class="Linkbox-module_linkbox__15LUm Linkbox-module_border__3lfzt linkbox-list-link" aria-label="FileInput component."><img src="/hds-demo/header-custom-theme-site/images/components/overview/fileinput@2x.png" alt="" height="180" width="280" class="Linkbox-module_image__2GxFx"/><div class="Linkbox-module_withBackground__1xdbp Linkbox-module_withSmallImage__3E12M Linkbox-module_contentSmall__2WG1n"><div role="heading" aria-level="2" class="Linkbox-module_headingSmall__1-9yw helpers_heading-s__1HNlW">FileInput</div><p class="Linkbox-module_text__2lkl4">A file input helps to browse and select files to be uploaded to the service.</p></div><a class="Linkbox-module_link__3tFuW" aria-label="Go to the FileInput component page." tabindex="-1" href="/hds-demo/header-custom-theme-site/components/file-input"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_l__1TDQL icon_hds-icon--size-l__3Zczy Linkbox-module_icon__1e7kG" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-right" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M14 5.5L12.5 7L16.5 11H4V13H16.5L12.5 17L14 18.5L20.5 12L14 5.5Z" fill="currentColor"></path></svg></a></div></div><div class="linkbox-list-item"><div role="region" tabindex="0" class="Linkbox-module_linkbox__15LUm Linkbox-module_border__3lfzt linkbox-list-link" aria-label="Footer component."><img src="/hds-demo/header-custom-theme-site/images/components/overview/footer@2x.png" alt="" height="180" width="280" class="Linkbox-module_image__2GxFx"/><div class="Linkbox-module_withBackground__1xdbp Linkbox-module_withSmallImage__3E12M Linkbox-module_contentSmall__2WG1n"><div role="heading" aria-level="2" class="Linkbox-module_headingSmall__1-9yw helpers_heading-s__1HNlW">Footer</div><p class="Linkbox-module_text__2lkl4">The footer is located at the bottom of the page below the main body content.</p></div><a class="Linkbox-module_link__3tFuW" aria-label="Go to the Footer component page." tabindex="-1" href="/hds-demo/header-custom-theme-site/components/footer"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_l__1TDQL icon_hds-icon--size-l__3Zczy Linkbox-module_icon__1e7kG" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-right" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M14 5.5L12.5 7L16.5 11H4V13H16.5L12.5 17L14 18.5L20.5 12L14 5.5Z" fill="currentColor"></path></svg></a></div></div><div class="linkbox-list-item"><div role="region" tabindex="0" class="Linkbox-module_linkbox__15LUm Linkbox-module_border__3lfzt linkbox-list-link" aria-label="Header component."><img src="/hds-demo/header-custom-theme-site/images/components/overview/header@2x.png" alt="" height="180" width="280" class="Linkbox-module_image__2GxFx"/><div class="Linkbox-module_withBackground__1xdbp Linkbox-module_withSmallImage__3E12M Linkbox-module_contentSmall__2WG1n"><div role="heading" aria-level="2" class="Linkbox-module_headingSmall__1-9yw helpers_heading-s__1HNlW">Header</div><p class="Linkbox-module_text__2lkl4">Header is a wrapper component for all navigation elements.</p></div><a class="Linkbox-module_link__3tFuW" aria-label="Go to the Header component page." tabindex="-1" href="/hds-demo/header-custom-theme-site/components/header"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_l__1TDQL icon_hds-icon--size-l__3Zczy Linkbox-module_icon__1e7kG" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-right" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M14 5.5L12.5 7L16.5 11H4V13H16.5L12.5 17L14 18.5L20.5 12L14 5.5Z" fill="currentColor"></path></svg></a></div></div><div class="linkbox-list-item"><div role="region" tabindex="0" class="Linkbox-module_linkbox__15LUm Linkbox-module_border__3lfzt linkbox-list-link" aria-label="Hero component."><img src="/hds-demo/header-custom-theme-site/images/components/overview/hero@2x.png" alt="" height="180" width="280" class="Linkbox-module_image__2GxFx"/><div class="Linkbox-module_withBackground__1xdbp Linkbox-module_withSmallImage__3E12M Linkbox-module_contentSmall__2WG1n"><div role="heading" aria-level="2" class="Linkbox-module_headingSmall__1-9yw helpers_heading-s__1HNlW">Hero</div><p class="Linkbox-module_text__2lkl4">Hero is used below the main navigation as the first content element.</p></div><a class="Linkbox-module_link__3tFuW" aria-label="Go to the Hero component page." tabindex="-1" href="/hds-demo/header-custom-theme-site/components/hero"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_l__1TDQL icon_hds-icon--size-l__3Zczy Linkbox-module_icon__1e7kG" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-right" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M14 5.5L12.5 7L16.5 11H4V13H16.5L12.5 17L14 18.5L20.5 12L14 5.5Z" fill="currentColor"></path></svg></a></div></div><div class="linkbox-list-item"><div role="region" tabindex="0" class="Linkbox-module_linkbox__15LUm Linkbox-module_border__3lfzt linkbox-list-link" aria-label="Highlight component."><img src="/hds-demo/header-custom-theme-site/images/components/overview/highlight@2x.png" alt="" height="180" width="280" class="Linkbox-module_image__2GxFx"/><div class="Linkbox-module_withBackground__1xdbp Linkbox-module_withSmallImage__3E12M Linkbox-module_contentSmall__2WG1n"><div role="heading" aria-level="2" class="Linkbox-module_headingSmall__1-9yw helpers_heading-s__1HNlW">Highlight</div><p class="Linkbox-module_text__2lkl4">Quote and highlight allow lifting an excerpt from a longer text to emphasize.</p></div><a class="Linkbox-module_link__3tFuW" aria-label="Go to the Highlight component page." tabindex="-1" href="/hds-demo/header-custom-theme-site/components/highlight"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_l__1TDQL icon_hds-icon--size-l__3Zczy Linkbox-module_icon__1e7kG" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-right" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M14 5.5L12.5 7L16.5 11H4V13H16.5L12.5 17L14 18.5L20.5 12L14 5.5Z" fill="currentColor"></path></svg></a></div></div><div class="linkbox-list-item"><div role="region" tabindex="0" class="Linkbox-module_linkbox__15LUm Linkbox-module_border__3lfzt linkbox-list-link" aria-label="Icon component."><img src="/hds-demo/header-custom-theme-site/images/components/overview/icon@2x.png" alt="" height="180" width="280" class="Linkbox-module_image__2GxFx"/><div class="Linkbox-module_withBackground__1xdbp Linkbox-module_withSmallImage__3E12M Linkbox-module_contentSmall__2WG1n"><div role="heading" aria-level="2" class="Linkbox-module_headingSmall__1-9yw helpers_heading-s__1HNlW">Icon</div><p class="Linkbox-module_text__2lkl4">Icons are used for providing visual cues and highlighting actions.</p></div><a class="Linkbox-module_link__3tFuW" aria-label="Go to the Icon component page." tabindex="-1" href="/hds-demo/header-custom-theme-site/components/icon"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_l__1TDQL icon_hds-icon--size-l__3Zczy Linkbox-module_icon__1e7kG" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-right" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M14 5.5L12.5 7L16.5 11H4V13H16.5L12.5 17L14 18.5L20.5 12L14 5.5Z" fill="currentColor"></path></svg></a></div></div><div class="linkbox-list-item"><div role="region" tabindex="0" class="Linkbox-module_linkbox__15LUm Linkbox-module_border__3lfzt linkbox-list-link" aria-label="Koros component."><img src="/hds-demo/header-custom-theme-site/images/components/overview/koros@2x.png" alt="" height="180" width="280" class="Linkbox-module_image__2GxFx"/><div class="Linkbox-module_withBackground__1xdbp Linkbox-module_withSmallImage__3E12M Linkbox-module_contentSmall__2WG1n"><div role="heading" aria-level="2" class="Linkbox-module_headingSmall__1-9yw helpers_heading-s__1HNlW">Koros</div><p class="Linkbox-module_text__2lkl4">Koros, also known as Wave motifs, are part of the visual identity of City of Helsinki.</p></div><a class="Linkbox-module_link__3tFuW" aria-label="Go to the Koros component page." tabindex="-1" href="/hds-demo/header-custom-theme-site/components/koros"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_l__1TDQL icon_hds-icon--size-l__3Zczy Linkbox-module_icon__1e7kG" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-right" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M14 5.5L12.5 7L16.5 11H4V13H16.5L12.5 17L14 18.5L20.5 12L14 5.5Z" fill="currentColor"></path></svg></a></div></div><div class="linkbox-list-item"><div role="region" tabindex="0" class="Linkbox-module_linkbox__15LUm Linkbox-module_border__3lfzt linkbox-list-link" aria-label="Link component."><img src="/hds-demo/header-custom-theme-site/images/components/overview/link@2x.png" alt="" height="180" width="280" class="Linkbox-module_image__2GxFx"/><div class="Linkbox-module_withBackground__1xdbp Linkbox-module_withSmallImage__3E12M Linkbox-module_contentSmall__2WG1n"><div role="heading" aria-level="2" class="Linkbox-module_headingSmall__1-9yw helpers_heading-s__1HNlW">Link</div><p class="Linkbox-module_text__2lkl4">Links are used as navigational elements and can be standalone or inline.</p></div><a class="Linkbox-module_link__3tFuW" aria-label="Go to the Link component page." tabindex="-1" href="/hds-demo/header-custom-theme-site/components/link"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_l__1TDQL icon_hds-icon--size-l__3Zczy Linkbox-module_icon__1e7kG" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-right" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M14 5.5L12.5 7L16.5 11H4V13H16.5L12.5 17L14 18.5L20.5 12L14 5.5Z" fill="currentColor"></path></svg></a></div></div><div class="linkbox-list-item"><div role="region" tabindex="0" class="Linkbox-module_linkbox__15LUm Linkbox-module_border__3lfzt linkbox-list-link" aria-label="Linkbox component."><img src="/hds-demo/header-custom-theme-site/images/components/overview/linkbox@2x.png" alt="" height="180" width="280" class="Linkbox-module_image__2GxFx"/><div class="Linkbox-module_withBackground__1xdbp Linkbox-module_withSmallImage__3E12M Linkbox-module_contentSmall__2WG1n"><div role="heading" aria-level="2" class="Linkbox-module_headingSmall__1-9yw helpers_heading-s__1HNlW">Linkbox</div><p class="Linkbox-module_text__2lkl4">Linkboxes are used to combine elements into a single interactable element.</p></div><a class="Linkbox-module_link__3tFuW" aria-label="Go to the Linkbox component page." tabindex="-1" href="/hds-demo/header-custom-theme-site/components/linkbox"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_l__1TDQL icon_hds-icon--size-l__3Zczy Linkbox-module_icon__1e7kG" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-right" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M14 5.5L12.5 7L16.5 11H4V13H16.5L12.5 17L14 18.5L20.5 12L14 5.5Z" fill="currentColor"></path></svg></a></div></div><div class="linkbox-list-item"><div role="region" tabindex="0" class="Linkbox-module_linkbox__15LUm Linkbox-module_border__3lfzt linkbox-list-link" aria-label="LoadingSpinner component."><img src="/hds-demo/header-custom-theme-site/images/components/overview/loadingspinner@2x.png" alt="" height="180" width="280" class="Linkbox-module_image__2GxFx"/><div class="Linkbox-module_withBackground__1xdbp Linkbox-module_withSmallImage__3E12M Linkbox-module_contentSmall__2WG1n"><div role="heading" aria-level="2" class="Linkbox-module_headingSmall__1-9yw helpers_heading-s__1HNlW">LoadingSpinner</div><p class="Linkbox-module_text__2lkl4">Loading spinner is used for notifying users that their action is being processed.</p></div><a class="Linkbox-module_link__3tFuW" aria-label="Go to the LoadingSpinner component page." tabindex="-1" href="/hds-demo/header-custom-theme-site/components/loading-spinner"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_l__1TDQL icon_hds-icon--size-l__3Zczy Linkbox-module_icon__1e7kG" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-right" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M14 5.5L12.5 7L16.5 11H4V13H16.5L12.5 17L14 18.5L20.5 12L14 5.5Z" fill="currentColor"></path></svg></a></div></div><div class="linkbox-list-item"><div role="region" tabindex="0" class="Linkbox-module_linkbox__15LUm Linkbox-module_border__3lfzt linkbox-list-link" aria-label="Logo component."><img src="/hds-demo/header-custom-theme-site/images/components/overview/logo@2x.png" alt="" height="180" width="280" class="Linkbox-module_image__2GxFx"/><div class="Linkbox-module_withBackground__1xdbp Linkbox-module_withSmallImage__3E12M Linkbox-module_contentSmall__2WG1n"><div role="heading" aria-level="2" class="Linkbox-module_headingSmall__1-9yw helpers_heading-s__1HNlW">Logo</div><p class="Linkbox-module_text__2lkl4">The logo is used to identify the service as an official City of Helsinki service.</p></div><a class="Linkbox-module_link__3tFuW" aria-label="Go to the Logo component page." tabindex="-1" href="/hds-demo/header-custom-theme-site/components/logo"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_l__1TDQL icon_hds-icon--size-l__3Zczy Linkbox-module_icon__1e7kG" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-right" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M14 5.5L12.5 7L16.5 11H4V13H16.5L12.5 17L14 18.5L20.5 12L14 5.5Z" fill="currentColor"></path></svg></a></div></div><div class="linkbox-list-item"><div role="region" tabindex="0" class="Linkbox-module_linkbox__15LUm Linkbox-module_border__3lfzt linkbox-list-link" aria-label="Navigation component."><img src="/hds-demo/header-custom-theme-site/images/components/overview/navigation@2x.png" alt="" height="180" width="280" class="Linkbox-module_image__2GxFx"/><div class="Linkbox-module_withBackground__1xdbp Linkbox-module_withSmallImage__3E12M Linkbox-module_contentSmall__2WG1n"><div role="heading" aria-level="2" class="Linkbox-module_headingSmall__1-9yw helpers_heading-s__1HNlW">Navigation</div><p class="Linkbox-module_text__2lkl4">A navigation component is the main way to navigate and locate in the service.</p></div><a class="Linkbox-module_link__3tFuW" aria-label="Go to the Navigation component page." tabindex="-1" href="/hds-demo/header-custom-theme-site/components/navigation"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_l__1TDQL icon_hds-icon--size-l__3Zczy Linkbox-module_icon__1e7kG" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-right" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M14 5.5L12.5 7L16.5 11H4V13H16.5L12.5 17L14 18.5L20.5 12L14 5.5Z" fill="currentColor"></path></svg></a></div></div><div class="linkbox-list-item"><div role="region" tabindex="0" class="Linkbox-module_linkbox__15LUm Linkbox-module_border__3lfzt linkbox-list-link" aria-label="Notification component."><img src="/hds-demo/header-custom-theme-site/images/components/overview/notification@2x.png" alt="" height="180" width="280" class="Linkbox-module_image__2GxFx"/><div class="Linkbox-module_withBackground__1xdbp Linkbox-module_withSmallImage__3E12M Linkbox-module_contentSmall__2WG1n"><div role="heading" aria-level="2" class="Linkbox-module_headingSmall__1-9yw helpers_heading-s__1HNlW">Notification</div><p class="Linkbox-module_text__2lkl4">Notifications are used to present timely information to the user.</p></div><a class="Linkbox-module_link__3tFuW" aria-label="Go to the Notification component page." tabindex="-1" href="/hds-demo/header-custom-theme-site/components/notification"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_l__1TDQL icon_hds-icon--size-l__3Zczy Linkbox-module_icon__1e7kG" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-right" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M14 5.5L12.5 7L16.5 11H4V13H16.5L12.5 17L14 18.5L20.5 12L14 5.5Z" fill="currentColor"></path></svg></a></div></div><div class="linkbox-list-item"><div role="region" tabindex="0" class="Linkbox-module_linkbox__15LUm Linkbox-module_border__3lfzt linkbox-list-link" aria-label="NumberInput component."><img src="/hds-demo/header-custom-theme-site/images/components/overview/numberinput@2x.png" alt="" height="180" width="280" class="Linkbox-module_image__2GxFx"/><div class="Linkbox-module_withBackground__1xdbp Linkbox-module_withSmallImage__3E12M Linkbox-module_contentSmall__2WG1n"><div role="heading" aria-level="2" class="Linkbox-module_headingSmall__1-9yw helpers_heading-s__1HNlW">NumberInput</div><p class="Linkbox-module_text__2lkl4">A number input allows the user to enter numeric values.</p></div><a class="Linkbox-module_link__3tFuW" aria-label="Go to the NumberInput component page." tabindex="-1" href="/hds-demo/header-custom-theme-site/components/number-input"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_l__1TDQL icon_hds-icon--size-l__3Zczy Linkbox-module_icon__1e7kG" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-right" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M14 5.5L12.5 7L16.5 11H4V13H16.5L12.5 17L14 18.5L20.5 12L14 5.5Z" fill="currentColor"></path></svg></a></div></div><div class="linkbox-list-item"><div role="region" tabindex="0" class="Linkbox-module_linkbox__15LUm Linkbox-module_border__3lfzt linkbox-list-link" aria-label="Pagination component."><img src="/hds-demo/header-custom-theme-site/images/components/overview/pagination@2x.png" alt="" height="180" width="280" class="Linkbox-module_image__2GxFx"/><div class="Linkbox-module_withBackground__1xdbp Linkbox-module_withSmallImage__3E12M Linkbox-module_contentSmall__2WG1n"><div role="heading" aria-level="2" class="Linkbox-module_headingSmall__1-9yw helpers_heading-s__1HNlW">Pagination</div><p class="Linkbox-module_text__2lkl4">The pagination component allows the user to navigate between pages.</p></div><a class="Linkbox-module_link__3tFuW" aria-label="Go to the Pagination component page." tabindex="-1" href="/hds-demo/header-custom-theme-site/components/pagination"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_l__1TDQL icon_hds-icon--size-l__3Zczy Linkbox-module_icon__1e7kG" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-right" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M14 5.5L12.5 7L16.5 11H4V13H16.5L12.5 17L14 18.5L20.5 12L14 5.5Z" fill="currentColor"></path></svg></a></div></div><div class="linkbox-list-item"><div role="region" tabindex="0" class="Linkbox-module_linkbox__15LUm Linkbox-module_border__3lfzt linkbox-list-link" aria-label="PasswordInput component."><img src="/hds-demo/header-custom-theme-site/images/components/overview/passwordinput@2x.png" alt="" height="180" width="280" class="Linkbox-module_image__2GxFx"/><div class="Linkbox-module_withBackground__1xdbp Linkbox-module_withSmallImage__3E12M Linkbox-module_contentSmall__2WG1n"><div role="heading" aria-level="2" class="Linkbox-module_headingSmall__1-9yw helpers_heading-s__1HNlW">PasswordInput</div><p class="Linkbox-module_text__2lkl4">A password field is an input field component that is used to input password data.</p></div><a class="Linkbox-module_link__3tFuW" aria-label="Go to the PasswordInput component page." tabindex="-1" href="/hds-demo/header-custom-theme-site/components/password-input"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_l__1TDQL icon_hds-icon--size-l__3Zczy Linkbox-module_icon__1e7kG" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-right" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M14 5.5L12.5 7L16.5 11H4V13H16.5L12.5 17L14 18.5L20.5 12L14 5.5Z" fill="currentColor"></path></svg></a></div></div><div class="linkbox-list-item"><div role="region" tabindex="0" class="Linkbox-module_linkbox__15LUm Linkbox-module_border__3lfzt linkbox-list-link" aria-label="PhoneInput component."><img src="/hds-demo/header-custom-theme-site/images/components/overview/phoneinput@2x.png" alt="" height="180" width="280" class="Linkbox-module_image__2GxFx"/><div class="Linkbox-module_withBackground__1xdbp Linkbox-module_withSmallImage__3E12M Linkbox-module_contentSmall__2WG1n"><div role="heading" aria-level="2" class="Linkbox-module_headingSmall__1-9yw helpers_heading-s__1HNlW">PhoneInput</div><p class="Linkbox-module_text__2lkl4">A phone input allows the user to enter phone number values.</p></div><a class="Linkbox-module_link__3tFuW" aria-label="Go to the PhoneInput component page." tabindex="-1" href="/hds-demo/header-custom-theme-site/components/phone-input"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_l__1TDQL icon_hds-icon--size-l__3Zczy Linkbox-module_icon__1e7kG" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-right" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M14 5.5L12.5 7L16.5 11H4V13H16.5L12.5 17L14 18.5L20.5 12L14 5.5Z" fill="currentColor"></path></svg></a></div></div><div class="linkbox-list-item"><div role="region" tabindex="0" class="Linkbox-module_linkbox__15LUm Linkbox-module_border__3lfzt linkbox-list-link" aria-label="RadioButton component."><img src="/hds-demo/header-custom-theme-site/images/components/overview/radiobutton@2x.png" alt="" height="180" width="280" class="Linkbox-module_image__2GxFx"/><div class="Linkbox-module_withBackground__1xdbp Linkbox-module_withSmallImage__3E12M Linkbox-module_contentSmall__2WG1n"><div role="heading" aria-level="2" class="Linkbox-module_headingSmall__1-9yw helpers_heading-s__1HNlW">RadioButton</div><p class="Linkbox-module_text__2lkl4">Radio buttons are used to pick an option when only one option can be chosen.</p></div><a class="Linkbox-module_link__3tFuW" aria-label="Go to the RadioButton component page." tabindex="-1" href="/hds-demo/header-custom-theme-site/components/radio-button"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_l__1TDQL icon_hds-icon--size-l__3Zczy Linkbox-module_icon__1e7kG" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-right" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M14 5.5L12.5 7L16.5 11H4V13H16.5L12.5 17L14 18.5L20.5 12L14 5.5Z" fill="currentColor"></path></svg></a></div></div><div class="linkbox-list-item"><div role="region" tabindex="0" class="Linkbox-module_linkbox__15LUm Linkbox-module_border__3lfzt linkbox-list-link" aria-label="SearchInput component."><img src="/hds-demo/header-custom-theme-site/images/components/overview/searchinput@2x.png" alt="" height="180" width="280" class="Linkbox-module_image__2GxFx"/><div class="Linkbox-module_withBackground__1xdbp Linkbox-module_withSmallImage__3E12M Linkbox-module_contentSmall__2WG1n"><div role="heading" aria-level="2" class="Linkbox-module_headingSmall__1-9yw helpers_heading-s__1HNlW">SearchInput</div><p class="Linkbox-module_text__2lkl4">A search input allows the user to find relevant content.</p></div><a class="Linkbox-module_link__3tFuW" aria-label="Go to the SearchInput component page." tabindex="-1" href="/hds-demo/header-custom-theme-site/components/search-input"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_l__1TDQL icon_hds-icon--size-l__3Zczy Linkbox-module_icon__1e7kG" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-right" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M14 5.5L12.5 7L16.5 11H4V13H16.5L12.5 17L14 18.5L20.5 12L14 5.5Z" fill="currentColor"></path></svg></a></div></div><div class="linkbox-list-item"><div role="region" tabindex="0" class="Linkbox-module_linkbox__15LUm Linkbox-module_border__3lfzt linkbox-list-link" aria-label="SelectionGroup component."><img src="/hds-demo/header-custom-theme-site/images/components/overview/selectiongroup@2x.png" alt="" height="180" width="280" class="Linkbox-module_image__2GxFx"/><div class="Linkbox-module_withBackground__1xdbp Linkbox-module_withSmallImage__3E12M Linkbox-module_contentSmall__2WG1n"><div role="heading" aria-level="2" class="Linkbox-module_headingSmall__1-9yw helpers_heading-s__1HNlW">SelectionGroup</div><p class="Linkbox-module_text__2lkl4">Selection group allows grouping form selection elements to each other.</p></div><a class="Linkbox-module_link__3tFuW" aria-label="Go to the SelectionGroup component page." tabindex="-1" href="/hds-demo/header-custom-theme-site/components/selection-group"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_l__1TDQL icon_hds-icon--size-l__3Zczy Linkbox-module_icon__1e7kG" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-right" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M14 5.5L12.5 7L16.5 11H4V13H16.5L12.5 17L14 18.5L20.5 12L14 5.5Z" fill="currentColor"></path></svg></a></div></div><div class="linkbox-list-item"><div role="region" tabindex="0" class="Linkbox-module_linkbox__15LUm Linkbox-module_border__3lfzt linkbox-list-link" aria-label="SideNavigation component."><img src="/hds-demo/header-custom-theme-site/images/components/overview/sidenavigation@2x.png" alt="" height="180" width="280" class="Linkbox-module_image__2GxFx"/><div class="Linkbox-module_withBackground__1xdbp Linkbox-module_withSmallImage__3E12M Linkbox-module_contentSmall__2WG1n"><div role="heading" aria-level="2" class="Linkbox-module_headingSmall__1-9yw helpers_heading-s__1HNlW">SideNavigation</div><p class="Linkbox-module_text__2lkl4">A side navigation is an additional navigation located on the left of the viewport.</p></div><a class="Linkbox-module_link__3tFuW" aria-label="Go to the SideNavigation component page." tabindex="-1" href="/hds-demo/header-custom-theme-site/components/side-navigation"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_l__1TDQL icon_hds-icon--size-l__3Zczy Linkbox-module_icon__1e7kG" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-right" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M14 5.5L12.5 7L16.5 11H4V13H16.5L12.5 17L14 18.5L20.5 12L14 5.5Z" fill="currentColor"></path></svg></a></div></div><div class="linkbox-list-item"><div role="region" tabindex="0" class="Linkbox-module_linkbox__15LUm Linkbox-module_border__3lfzt linkbox-list-link" aria-label="StatusLabel component."><img src="/hds-demo/header-custom-theme-site/images/components/overview/statuslabel@2x.png" alt="" height="180" width="280" class="Linkbox-module_image__2GxFx"/><div class="Linkbox-module_withBackground__1xdbp Linkbox-module_withSmallImage__3E12M Linkbox-module_contentSmall__2WG1n"><div role="heading" aria-level="2" class="Linkbox-module_headingSmall__1-9yw helpers_heading-s__1HNlW">StatusLabel</div><p class="Linkbox-module_text__2lkl4">Status labels can be used to highlight different statuses or items to the user.</p></div><a class="Linkbox-module_link__3tFuW" aria-label="Go to the StatusLabel component page." tabindex="-1" href="/hds-demo/header-custom-theme-site/components/status-label"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_l__1TDQL icon_hds-icon--size-l__3Zczy Linkbox-module_icon__1e7kG" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-right" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M14 5.5L12.5 7L16.5 11H4V13H16.5L12.5 17L14 18.5L20.5 12L14 5.5Z" fill="currentColor"></path></svg></a></div></div><div class="linkbox-list-item"><div role="region" tabindex="0" class="Linkbox-module_linkbox__15LUm Linkbox-module_border__3lfzt linkbox-list-link" aria-label="StepByStep component."><img src="/hds-demo/header-custom-theme-site/images/components/overview/stepbystep@2x.png" alt="" height="180" width="280" class="Linkbox-module_image__2GxFx"/><div class="Linkbox-module_withBackground__1xdbp Linkbox-module_withSmallImage__3E12M Linkbox-module_contentSmall__2WG1n"><div role="heading" aria-level="2" class="Linkbox-module_headingSmall__1-9yw helpers_heading-s__1HNlW">StepByStep</div><p class="Linkbox-module_text__2lkl4">StepByStep component is useful for visualising a process in steps.</p></div><a class="Linkbox-module_link__3tFuW" aria-label="Go to the StepByStep component page." tabindex="-1" href="/hds-demo/header-custom-theme-site/components/step-by-step"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_l__1TDQL icon_hds-icon--size-l__3Zczy Linkbox-module_icon__1e7kG" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-right" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M14 5.5L12.5 7L16.5 11H4V13H16.5L12.5 17L14 18.5L20.5 12L14 5.5Z" fill="currentColor"></path></svg></a></div></div><div class="linkbox-list-item"><div role="region" tabindex="0" class="Linkbox-module_linkbox__15LUm Linkbox-module_border__3lfzt linkbox-list-link" aria-label="Stepper component."><img src="/hds-demo/header-custom-theme-site/images/components/overview/stepper@2x.png" alt="" height="180" width="280" class="Linkbox-module_image__2GxFx"/><div class="Linkbox-module_withBackground__1xdbp Linkbox-module_withSmallImage__3E12M Linkbox-module_contentSmall__2WG1n"><div role="heading" aria-level="2" class="Linkbox-module_headingSmall__1-9yw helpers_heading-s__1HNlW">Stepper</div><p class="Linkbox-module_text__2lkl4">The stepper helps to see the progression and to navigate between form steps.</p></div><a class="Linkbox-module_link__3tFuW" aria-label="Go to the Stepper component page." tabindex="-1" href="/hds-demo/header-custom-theme-site/components/stepper"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_l__1TDQL icon_hds-icon--size-l__3Zczy Linkbox-module_icon__1e7kG" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-right" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M14 5.5L12.5 7L16.5 11H4V13H16.5L12.5 17L14 18.5L20.5 12L14 5.5Z" fill="currentColor"></path></svg></a></div></div><div class="linkbox-list-item"><div role="region" tabindex="0" class="Linkbox-module_linkbox__15LUm Linkbox-module_border__3lfzt linkbox-list-link" aria-label="Table component."><img src="/hds-demo/header-custom-theme-site/images/components/overview/table@2x.png" alt="" height="180" width="280" class="Linkbox-module_image__2GxFx"/><div class="Linkbox-module_withBackground__1xdbp Linkbox-module_withSmallImage__3E12M Linkbox-module_contentSmall__2WG1n"><div role="heading" aria-level="2" class="Linkbox-module_headingSmall__1-9yw helpers_heading-s__1HNlW">Table</div><p class="Linkbox-module_text__2lkl4">Tables are used to present tabulated data to the user in a consistent manner.</p></div><a class="Linkbox-module_link__3tFuW" aria-label="Go to the Table component page." tabindex="-1" href="/hds-demo/header-custom-theme-site/components/table"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_l__1TDQL icon_hds-icon--size-l__3Zczy Linkbox-module_icon__1e7kG" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-right" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M14 5.5L12.5 7L16.5 11H4V13H16.5L12.5 17L14 18.5L20.5 12L14 5.5Z" fill="currentColor"></path></svg></a></div></div><div class="linkbox-list-item"><div role="region" tabindex="0" class="Linkbox-module_linkbox__15LUm Linkbox-module_border__3lfzt linkbox-list-link" aria-label="Tabs component."><img src="/hds-demo/header-custom-theme-site/images/components/overview/tabs@2x.png" alt="" height="180" width="280" class="Linkbox-module_image__2GxFx"/><div class="Linkbox-module_withBackground__1xdbp Linkbox-module_withSmallImage__3E12M Linkbox-module_contentSmall__2WG1n"><div role="heading" aria-level="2" class="Linkbox-module_headingSmall__1-9yw helpers_heading-s__1HNlW">Tabs</div><p class="Linkbox-module_text__2lkl4">Tabs are used to navigate between contents that have a relation.</p></div><a class="Linkbox-module_link__3tFuW" aria-label="Go to the Tabs component page." tabindex="-1" href="/hds-demo/header-custom-theme-site/components/tabs"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_l__1TDQL icon_hds-icon--size-l__3Zczy Linkbox-module_icon__1e7kG" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-right" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M14 5.5L12.5 7L16.5 11H4V13H16.5L12.5 17L14 18.5L20.5 12L14 5.5Z" fill="currentColor"></path></svg></a></div></div><div class="linkbox-list-item"><div role="region" tabindex="0" class="Linkbox-module_linkbox__15LUm Linkbox-module_border__3lfzt linkbox-list-link" aria-label="Tag component."><img src="/hds-demo/header-custom-theme-site/images/components/overview/tag@2x.png" alt="" height="180" width="280" class="Linkbox-module_image__2GxFx"/><div class="Linkbox-module_withBackground__1xdbp Linkbox-module_withSmallImage__3E12M Linkbox-module_contentSmall__2WG1n"><div role="heading" aria-level="2" class="Linkbox-module_headingSmall__1-9yw helpers_heading-s__1HNlW">Tag</div><p class="Linkbox-module_text__2lkl4">Tags are used to show attributes of an object or element such as categories.</p></div><a class="Linkbox-module_link__3tFuW" aria-label="Go to the Tag component page." tabindex="-1" href="/hds-demo/header-custom-theme-site/components/tag"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_l__1TDQL icon_hds-icon--size-l__3Zczy Linkbox-module_icon__1e7kG" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-right" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M14 5.5L12.5 7L16.5 11H4V13H16.5L12.5 17L14 18.5L20.5 12L14 5.5Z" fill="currentColor"></path></svg></a></div></div><div class="linkbox-list-item"><div role="region" tabindex="0" class="Linkbox-module_linkbox__15LUm Linkbox-module_border__3lfzt linkbox-list-link" aria-label="TextArea component."><img src="/hds-demo/header-custom-theme-site/images/components/overview/textarea@2x.png" alt="" height="180" width="280" class="Linkbox-module_image__2GxFx"/><div class="Linkbox-module_withBackground__1xdbp Linkbox-module_withSmallImage__3E12M Linkbox-module_contentSmall__2WG1n"><div role="heading" aria-level="2" class="Linkbox-module_headingSmall__1-9yw helpers_heading-s__1HNlW">TextArea</div><p class="Linkbox-module_text__2lkl4">A text area is an input used for multiline answers.</p></div><a class="Linkbox-module_link__3tFuW" aria-label="Go to the TextArea component page." tabindex="-1" href="/hds-demo/header-custom-theme-site/components/text-area"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_l__1TDQL icon_hds-icon--size-l__3Zczy Linkbox-module_icon__1e7kG" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-right" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M14 5.5L12.5 7L16.5 11H4V13H16.5L12.5 17L14 18.5L20.5 12L14 5.5Z" fill="currentColor"></path></svg></a></div></div><div class="linkbox-list-item"><div role="region" tabindex="0" class="Linkbox-module_linkbox__15LUm Linkbox-module_border__3lfzt linkbox-list-link" aria-label="TextInput component."><img src="/hds-demo/header-custom-theme-site/images/components/overview/textinput@2x.png" alt="" height="180" width="280" class="Linkbox-module_image__2GxFx"/><div class="Linkbox-module_withBackground__1xdbp Linkbox-module_withSmallImage__3E12M Linkbox-module_contentSmall__2WG1n"><div role="heading" aria-level="2" class="Linkbox-module_headingSmall__1-9yw helpers_heading-s__1HNlW">TextInput</div><p class="Linkbox-module_text__2lkl4">A text field is an input field that the user can use to input content and data.</p></div><a class="Linkbox-module_link__3tFuW" aria-label="Go to the TextInput component page." tabindex="-1" href="/hds-demo/header-custom-theme-site/components/text-input"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_l__1TDQL icon_hds-icon--size-l__3Zczy Linkbox-module_icon__1e7kG" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-right" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M14 5.5L12.5 7L16.5 11H4V13H16.5L12.5 17L14 18.5L20.5 12L14 5.5Z" fill="currentColor"></path></svg></a></div></div><div class="linkbox-list-item"><div role="region" tabindex="0" class="Linkbox-module_linkbox__15LUm Linkbox-module_border__3lfzt linkbox-list-link" aria-label="TimeInput component."><img src="/hds-demo/header-custom-theme-site/images/components/overview/timeinput@2x.png" alt="" height="180" width="280" class="Linkbox-module_image__2GxFx"/><div class="Linkbox-module_withBackground__1xdbp Linkbox-module_withSmallImage__3E12M Linkbox-module_contentSmall__2WG1n"><div role="heading" aria-level="2" class="Linkbox-module_headingSmall__1-9yw helpers_heading-s__1HNlW">TimeInput</div><p class="Linkbox-module_text__2lkl4">A time input helps the user select a specific time.</p></div><a class="Linkbox-module_link__3tFuW" aria-label="Go to the TimeInput component page." tabindex="-1" href="/hds-demo/header-custom-theme-site/components/time-input"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_l__1TDQL icon_hds-icon--size-l__3Zczy Linkbox-module_icon__1e7kG" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-right" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M14 5.5L12.5 7L16.5 11H4V13H16.5L12.5 17L14 18.5L20.5 12L14 5.5Z" fill="currentColor"></path></svg></a></div></div><div class="linkbox-list-item"><div role="region" tabindex="0" class="Linkbox-module_linkbox__15LUm Linkbox-module_border__3lfzt linkbox-list-link" aria-label="ToggleButton component."><img src="/hds-demo/header-custom-theme-site/images/components/overview/togglebutton@2x.png" alt="" height="180" width="280" class="Linkbox-module_image__2GxFx"/><div class="Linkbox-module_withBackground__1xdbp Linkbox-module_withSmallImage__3E12M Linkbox-module_contentSmall__2WG1n"><div role="heading" aria-level="2" class="Linkbox-module_headingSmall__1-9yw helpers_heading-s__1HNlW">ToggleButton</div><p class="Linkbox-module_text__2lkl4">Toggle button allows to switch between two states such as &quot;On&quot; and &quot;Off&quot;.</p></div><a class="Linkbox-module_link__3tFuW" aria-label="Go to the ToggleButton component page." tabindex="-1" href="/hds-demo/header-custom-theme-site/components/toggle-button"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_l__1TDQL icon_hds-icon--size-l__3Zczy Linkbox-module_icon__1e7kG" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-right" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M14 5.5L12.5 7L16.5 11H4V13H16.5L12.5 17L14 18.5L20.5 12L14 5.5Z" fill="currentColor"></path></svg></a></div></div><div class="linkbox-list-item"><div role="region" tabindex="0" class="Linkbox-module_linkbox__15LUm Linkbox-module_border__3lfzt linkbox-list-link" aria-label="Tooltip component."><img src="/hds-demo/header-custom-theme-site/images/components/overview/tooltip@2x.png" alt="" height="180" width="280" class="Linkbox-module_image__2GxFx"/><div class="Linkbox-module_withBackground__1xdbp Linkbox-module_withSmallImage__3E12M Linkbox-module_contentSmall__2WG1n"><div role="heading" aria-level="2" class="Linkbox-module_headingSmall__1-9yw helpers_heading-s__1HNlW">Tooltip</div><p class="Linkbox-module_text__2lkl4">Tooltips are used to present context or background information to the user.</p></div><a class="Linkbox-module_link__3tFuW" aria-label="Go to the Tooltip component page." tabindex="-1" href="/hds-demo/header-custom-theme-site/components/tooltip"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_l__1TDQL icon_hds-icon--size-l__3Zczy Linkbox-module_icon__1e7kG" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-right" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M14 5.5L12.5 7L16.5 11H4V13H16.5L12.5 17L14 18.5L20.5 12L14 5.5Z" fill="currentColor"></path></svg></a></div></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-128" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-128)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a aria-current="page" class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
+<div class="linkbox-list "><div class="linkbox-list-item"><div role="region" tabindex="0" class="Linkbox-module_linkbox__15LUm Linkbox-module_border__3lfzt linkbox-list-link" aria-label="Accordion component."><img src="/hds-demo/header-custom-theme-site/images/components/overview/accordion@2x.png" alt="" height="180" width="280" class="Linkbox-module_image__2GxFx"/><div class="Linkbox-module_withBackground__1xdbp Linkbox-module_withSmallImage__3E12M Linkbox-module_contentSmall__2WG1n"><div role="heading" aria-level="2" class="Linkbox-module_headingSmall__1-9yw helpers_heading-s__1HNlW">Accordion</div><p class="Linkbox-module_text__2lkl4">Accordions can be used to hide and reveal information.</p></div><a class="Linkbox-module_link__3tFuW" aria-label="Go to the Accordion component page." tabindex="-1" href="/hds-demo/header-custom-theme-site/components/accordion"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_l__1TDQL icon_hds-icon--size-l__3Zczy Linkbox-module_icon__1e7kG" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-right" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M14 5.5L12.5 7L16.5 11H4V13H16.5L12.5 17L14 18.5L20.5 12L14 5.5Z" fill="currentColor"></path></svg></a></div></div><div class="linkbox-list-item"><div role="region" tabindex="0" class="Linkbox-module_linkbox__15LUm Linkbox-module_border__3lfzt linkbox-list-link" aria-label="Breadcrumb component."><img src="/hds-demo/header-custom-theme-site/images/components/overview/breadcrumbs@2x.png" alt="" height="180" width="280" class="Linkbox-module_image__2GxFx"/><div class="Linkbox-module_withBackground__1xdbp Linkbox-module_withSmallImage__3E12M Linkbox-module_contentSmall__2WG1n"><div role="heading" aria-level="2" class="Linkbox-module_headingSmall__1-9yw helpers_heading-s__1HNlW">Breadcrumb</div><p class="Linkbox-module_text__2lkl4">Breadcrumb provides links back to each previous page and shows the user&#x27;s current location on a website.</p></div><a class="Linkbox-module_link__3tFuW" aria-label="Go to the Breadcrumb component page." tabindex="-1" href="/hds-demo/header-custom-theme-site/components/breadcrumb"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_l__1TDQL icon_hds-icon--size-l__3Zczy Linkbox-module_icon__1e7kG" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-right" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M14 5.5L12.5 7L16.5 11H4V13H16.5L12.5 17L14 18.5L20.5 12L14 5.5Z" fill="currentColor"></path></svg></a></div></div><div class="linkbox-list-item"><div role="region" tabindex="0" class="Linkbox-module_linkbox__15LUm Linkbox-module_border__3lfzt linkbox-list-link" aria-label="Button component."><img src="/hds-demo/header-custom-theme-site/images/components/overview/button@2x.png" alt="" height="180" width="280" class="Linkbox-module_image__2GxFx"/><div class="Linkbox-module_withBackground__1xdbp Linkbox-module_withSmallImage__3E12M Linkbox-module_contentSmall__2WG1n"><div role="heading" aria-level="2" class="Linkbox-module_headingSmall__1-9yw helpers_heading-s__1HNlW">Button</div><p class="Linkbox-module_text__2lkl4">Buttons are meant to make actions easily visible and understandable to the user.</p></div><a class="Linkbox-module_link__3tFuW" aria-label="Go to the Button component page." tabindex="-1" href="/hds-demo/header-custom-theme-site/components/buttons"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_l__1TDQL icon_hds-icon--size-l__3Zczy Linkbox-module_icon__1e7kG" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-right" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M14 5.5L12.5 7L16.5 11H4V13H16.5L12.5 17L14 18.5L20.5 12L14 5.5Z" fill="currentColor"></path></svg></a></div></div><div class="linkbox-list-item"><div role="region" tabindex="0" class="Linkbox-module_linkbox__15LUm Linkbox-module_border__3lfzt linkbox-list-link" aria-label="Card component."><img src="/hds-demo/header-custom-theme-site/images/components/overview/card@2x.png" alt="" height="180" width="280" class="Linkbox-module_image__2GxFx"/><div class="Linkbox-module_withBackground__1xdbp Linkbox-module_withSmallImage__3E12M Linkbox-module_contentSmall__2WG1n"><div role="heading" aria-level="2" class="Linkbox-module_headingSmall__1-9yw helpers_heading-s__1HNlW">Card</div><p class="Linkbox-module_text__2lkl4">Cards can be used to divide and organise interface content.</p></div><a class="Linkbox-module_link__3tFuW" aria-label="Go to the Card component page." tabindex="-1" href="/hds-demo/header-custom-theme-site/components/card"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_l__1TDQL icon_hds-icon--size-l__3Zczy Linkbox-module_icon__1e7kG" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-right" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M14 5.5L12.5 7L16.5 11H4V13H16.5L12.5 17L14 18.5L20.5 12L14 5.5Z" fill="currentColor"></path></svg></a></div></div><div class="linkbox-list-item"><div role="region" tabindex="0" class="Linkbox-module_linkbox__15LUm Linkbox-module_border__3lfzt linkbox-list-link" aria-label="Checkbox component."><img src="/hds-demo/header-custom-theme-site/images/components/overview/checkbox@2x.png" alt="" height="180" width="280" class="Linkbox-module_image__2GxFx"/><div class="Linkbox-module_withBackground__1xdbp Linkbox-module_withSmallImage__3E12M Linkbox-module_contentSmall__2WG1n"><div role="heading" aria-level="2" class="Linkbox-module_headingSmall__1-9yw helpers_heading-s__1HNlW">Checkbox</div><p class="Linkbox-module_text__2lkl4">Checkboxes are used to select from one of more options.</p></div><a class="Linkbox-module_link__3tFuW" aria-label="Go to the Checkbox component page." tabindex="-1" href="/hds-demo/header-custom-theme-site/components/checkbox"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_l__1TDQL icon_hds-icon--size-l__3Zczy Linkbox-module_icon__1e7kG" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-right" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M14 5.5L12.5 7L16.5 11H4V13H16.5L12.5 17L14 18.5L20.5 12L14 5.5Z" fill="currentColor"></path></svg></a></div></div><div class="linkbox-list-item"><div role="region" tabindex="0" class="Linkbox-module_linkbox__15LUm Linkbox-module_border__3lfzt linkbox-list-link" aria-label="CookieConsent components."><img src="/hds-demo/header-custom-theme-site/images/components/overview/cookieconsent@2x.png" alt="" height="180" width="280" class="Linkbox-module_image__2GxFx"/><div class="Linkbox-module_withBackground__1xdbp Linkbox-module_withSmallImage__3E12M Linkbox-module_contentSmall__2WG1n"><div role="heading" aria-level="2" class="Linkbox-module_headingSmall__1-9yw helpers_heading-s__1HNlW">CookieConsent</div><p class="Linkbox-module_text__2lkl4">The cookie compliance components informs users about cookie usage.</p></div><a class="Linkbox-module_link__3tFuW" aria-label="Go to the CookieConsent components page." tabindex="-1" href="/hds-demo/header-custom-theme-site/components/cookie-consent"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_l__1TDQL icon_hds-icon--size-l__3Zczy Linkbox-module_icon__1e7kG" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-right" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M14 5.5L12.5 7L16.5 11H4V13H16.5L12.5 17L14 18.5L20.5 12L14 5.5Z" fill="currentColor"></path></svg></a></div></div><div class="linkbox-list-item"><div role="region" tabindex="0" class="Linkbox-module_linkbox__15LUm Linkbox-module_border__3lfzt linkbox-list-link" aria-label="DateInput component."><img src="/hds-demo/header-custom-theme-site/images/components/overview/dateinput@2x.png" alt="" height="180" width="280" class="Linkbox-module_image__2GxFx"/><div class="Linkbox-module_withBackground__1xdbp Linkbox-module_withSmallImage__3E12M Linkbox-module_contentSmall__2WG1n"><div role="heading" aria-level="2" class="Linkbox-module_headingSmall__1-9yw helpers_heading-s__1HNlW">DateInput</div><p class="Linkbox-module_text__2lkl4">Date input allows the user to easily input a specific date or a date range. </p></div><a class="Linkbox-module_link__3tFuW" aria-label="Go to the DateInput component page." tabindex="-1" href="/hds-demo/header-custom-theme-site/components/date-input"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_l__1TDQL icon_hds-icon--size-l__3Zczy Linkbox-module_icon__1e7kG" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-right" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M14 5.5L12.5 7L16.5 11H4V13H16.5L12.5 17L14 18.5L20.5 12L14 5.5Z" fill="currentColor"></path></svg></a></div></div><div class="linkbox-list-item"><div role="region" tabindex="0" class="Linkbox-module_linkbox__15LUm Linkbox-module_border__3lfzt linkbox-list-link" aria-label="Dialog component."><img src="/hds-demo/header-custom-theme-site/images/components/overview/dialog@2x.png" alt="" height="180" width="280" class="Linkbox-module_image__2GxFx"/><div class="Linkbox-module_withBackground__1xdbp Linkbox-module_withSmallImage__3E12M Linkbox-module_contentSmall__2WG1n"><div role="heading" aria-level="2" class="Linkbox-module_headingSmall__1-9yw helpers_heading-s__1HNlW">Dialog</div><p class="Linkbox-module_text__2lkl4">Dialogs initiate a conversation between the service and the user.</p></div><a class="Linkbox-module_link__3tFuW" aria-label="Go to the Dialog component page." tabindex="-1" href="/hds-demo/header-custom-theme-site/components/dialog"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_l__1TDQL icon_hds-icon--size-l__3Zczy Linkbox-module_icon__1e7kG" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-right" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M14 5.5L12.5 7L16.5 11H4V13H16.5L12.5 17L14 18.5L20.5 12L14 5.5Z" fill="currentColor"></path></svg></a></div></div><div class="linkbox-list-item"><div role="region" tabindex="0" class="Linkbox-module_linkbox__15LUm Linkbox-module_border__3lfzt linkbox-list-link" aria-label="Dropdown component."><img src="/hds-demo/header-custom-theme-site/images/components/overview/dropdown@2x.png" alt="" height="180" width="280" class="Linkbox-module_image__2GxFx"/><div class="Linkbox-module_withBackground__1xdbp Linkbox-module_withSmallImage__3E12M Linkbox-module_contentSmall__2WG1n"><div role="heading" aria-level="2" class="Linkbox-module_headingSmall__1-9yw helpers_heading-s__1HNlW">Dropdown</div><p class="Linkbox-module_text__2lkl4">A dropdown offers a user a list of options, of which one or multiple can be selected.</p></div><a class="Linkbox-module_link__3tFuW" aria-label="Go to the Dropdown component page." tabindex="-1" href="/hds-demo/header-custom-theme-site/components/dropdown"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_l__1TDQL icon_hds-icon--size-l__3Zczy Linkbox-module_icon__1e7kG" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-right" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M14 5.5L12.5 7L16.5 11H4V13H16.5L12.5 17L14 18.5L20.5 12L14 5.5Z" fill="currentColor"></path></svg></a></div></div><div class="linkbox-list-item"><div role="region" tabindex="0" class="Linkbox-module_linkbox__15LUm Linkbox-module_border__3lfzt linkbox-list-link" aria-label="Fieldset component."><img src="/hds-demo/header-custom-theme-site/images/components/overview/fieldset@2x.png" alt="" height="180" width="280" class="Linkbox-module_image__2GxFx"/><div class="Linkbox-module_withBackground__1xdbp Linkbox-module_withSmallImage__3E12M Linkbox-module_contentSmall__2WG1n"><div role="heading" aria-level="2" class="Linkbox-module_headingSmall__1-9yw helpers_heading-s__1HNlW">Fieldset</div><p class="Linkbox-module_text__2lkl4">Fieldset groups multiple related form input fields together.</p></div><a class="Linkbox-module_link__3tFuW" aria-label="Go to the Fieldset component page." tabindex="-1" href="/hds-demo/header-custom-theme-site/components/fieldset"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_l__1TDQL icon_hds-icon--size-l__3Zczy Linkbox-module_icon__1e7kG" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-right" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M14 5.5L12.5 7L16.5 11H4V13H16.5L12.5 17L14 18.5L20.5 12L14 5.5Z" fill="currentColor"></path></svg></a></div></div><div class="linkbox-list-item"><div role="region" tabindex="0" class="Linkbox-module_linkbox__15LUm Linkbox-module_border__3lfzt linkbox-list-link" aria-label="FileInput component."><img src="/hds-demo/header-custom-theme-site/images/components/overview/fileinput@2x.png" alt="" height="180" width="280" class="Linkbox-module_image__2GxFx"/><div class="Linkbox-module_withBackground__1xdbp Linkbox-module_withSmallImage__3E12M Linkbox-module_contentSmall__2WG1n"><div role="heading" aria-level="2" class="Linkbox-module_headingSmall__1-9yw helpers_heading-s__1HNlW">FileInput</div><p class="Linkbox-module_text__2lkl4">A file input helps to browse and select files to be uploaded to the service.</p></div><a class="Linkbox-module_link__3tFuW" aria-label="Go to the FileInput component page." tabindex="-1" href="/hds-demo/header-custom-theme-site/components/file-input"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_l__1TDQL icon_hds-icon--size-l__3Zczy Linkbox-module_icon__1e7kG" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-right" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M14 5.5L12.5 7L16.5 11H4V13H16.5L12.5 17L14 18.5L20.5 12L14 5.5Z" fill="currentColor"></path></svg></a></div></div><div class="linkbox-list-item"><div role="region" tabindex="0" class="Linkbox-module_linkbox__15LUm Linkbox-module_border__3lfzt linkbox-list-link" aria-label="Footer component."><img src="/hds-demo/header-custom-theme-site/images/components/overview/footer@2x.png" alt="" height="180" width="280" class="Linkbox-module_image__2GxFx"/><div class="Linkbox-module_withBackground__1xdbp Linkbox-module_withSmallImage__3E12M Linkbox-module_contentSmall__2WG1n"><div role="heading" aria-level="2" class="Linkbox-module_headingSmall__1-9yw helpers_heading-s__1HNlW">Footer</div><p class="Linkbox-module_text__2lkl4">The footer is located at the bottom of the page below the main body content.</p></div><a class="Linkbox-module_link__3tFuW" aria-label="Go to the Footer component page." tabindex="-1" href="/hds-demo/header-custom-theme-site/components/footer"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_l__1TDQL icon_hds-icon--size-l__3Zczy Linkbox-module_icon__1e7kG" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-right" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M14 5.5L12.5 7L16.5 11H4V13H16.5L12.5 17L14 18.5L20.5 12L14 5.5Z" fill="currentColor"></path></svg></a></div></div><div class="linkbox-list-item"><div role="region" tabindex="0" class="Linkbox-module_linkbox__15LUm Linkbox-module_border__3lfzt linkbox-list-link" aria-label="Header component."><img src="/hds-demo/header-custom-theme-site/images/components/overview/header@2x.png" alt="" height="180" width="280" class="Linkbox-module_image__2GxFx"/><div class="Linkbox-module_withBackground__1xdbp Linkbox-module_withSmallImage__3E12M Linkbox-module_contentSmall__2WG1n"><div role="heading" aria-level="2" class="Linkbox-module_headingSmall__1-9yw helpers_heading-s__1HNlW">Header</div><p class="Linkbox-module_text__2lkl4">Header is a wrapper component for all navigation elements.</p></div><a class="Linkbox-module_link__3tFuW" aria-label="Go to the Header component page." tabindex="-1" href="/hds-demo/header-custom-theme-site/components/header"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_l__1TDQL icon_hds-icon--size-l__3Zczy Linkbox-module_icon__1e7kG" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-right" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M14 5.5L12.5 7L16.5 11H4V13H16.5L12.5 17L14 18.5L20.5 12L14 5.5Z" fill="currentColor"></path></svg></a></div></div><div class="linkbox-list-item"><div role="region" tabindex="0" class="Linkbox-module_linkbox__15LUm Linkbox-module_border__3lfzt linkbox-list-link" aria-label="Hero component."><img src="/hds-demo/header-custom-theme-site/images/components/overview/hero@2x.png" alt="" height="180" width="280" class="Linkbox-module_image__2GxFx"/><div class="Linkbox-module_withBackground__1xdbp Linkbox-module_withSmallImage__3E12M Linkbox-module_contentSmall__2WG1n"><div role="heading" aria-level="2" class="Linkbox-module_headingSmall__1-9yw helpers_heading-s__1HNlW">Hero</div><p class="Linkbox-module_text__2lkl4">Hero is used below the main navigation as the first content element.</p></div><a class="Linkbox-module_link__3tFuW" aria-label="Go to the Hero component page." tabindex="-1" href="/hds-demo/header-custom-theme-site/components/hero"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_l__1TDQL icon_hds-icon--size-l__3Zczy Linkbox-module_icon__1e7kG" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-right" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M14 5.5L12.5 7L16.5 11H4V13H16.5L12.5 17L14 18.5L20.5 12L14 5.5Z" fill="currentColor"></path></svg></a></div></div><div class="linkbox-list-item"><div role="region" tabindex="0" class="Linkbox-module_linkbox__15LUm Linkbox-module_border__3lfzt linkbox-list-link" aria-label="Highlight component."><img src="/hds-demo/header-custom-theme-site/images/components/overview/highlight@2x.png" alt="" height="180" width="280" class="Linkbox-module_image__2GxFx"/><div class="Linkbox-module_withBackground__1xdbp Linkbox-module_withSmallImage__3E12M Linkbox-module_contentSmall__2WG1n"><div role="heading" aria-level="2" class="Linkbox-module_headingSmall__1-9yw helpers_heading-s__1HNlW">Highlight</div><p class="Linkbox-module_text__2lkl4">Quote and highlight allow lifting an excerpt from a longer text to emphasize.</p></div><a class="Linkbox-module_link__3tFuW" aria-label="Go to the Highlight component page." tabindex="-1" href="/hds-demo/header-custom-theme-site/components/highlight"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_l__1TDQL icon_hds-icon--size-l__3Zczy Linkbox-module_icon__1e7kG" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-right" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M14 5.5L12.5 7L16.5 11H4V13H16.5L12.5 17L14 18.5L20.5 12L14 5.5Z" fill="currentColor"></path></svg></a></div></div><div class="linkbox-list-item"><div role="region" tabindex="0" class="Linkbox-module_linkbox__15LUm Linkbox-module_border__3lfzt linkbox-list-link" aria-label="Icon component."><img src="/hds-demo/header-custom-theme-site/images/components/overview/icon@2x.png" alt="" height="180" width="280" class="Linkbox-module_image__2GxFx"/><div class="Linkbox-module_withBackground__1xdbp Linkbox-module_withSmallImage__3E12M Linkbox-module_contentSmall__2WG1n"><div role="heading" aria-level="2" class="Linkbox-module_headingSmall__1-9yw helpers_heading-s__1HNlW">Icon</div><p class="Linkbox-module_text__2lkl4">Icons are used for providing visual cues and highlighting actions.</p></div><a class="Linkbox-module_link__3tFuW" aria-label="Go to the Icon component page." tabindex="-1" href="/hds-demo/header-custom-theme-site/components/icon"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_l__1TDQL icon_hds-icon--size-l__3Zczy Linkbox-module_icon__1e7kG" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-right" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M14 5.5L12.5 7L16.5 11H4V13H16.5L12.5 17L14 18.5L20.5 12L14 5.5Z" fill="currentColor"></path></svg></a></div></div><div class="linkbox-list-item"><div role="region" tabindex="0" class="Linkbox-module_linkbox__15LUm Linkbox-module_border__3lfzt linkbox-list-link" aria-label="Koros component."><img src="/hds-demo/header-custom-theme-site/images/components/overview/koros@2x.png" alt="" height="180" width="280" class="Linkbox-module_image__2GxFx"/><div class="Linkbox-module_withBackground__1xdbp Linkbox-module_withSmallImage__3E12M Linkbox-module_contentSmall__2WG1n"><div role="heading" aria-level="2" class="Linkbox-module_headingSmall__1-9yw helpers_heading-s__1HNlW">Koros</div><p class="Linkbox-module_text__2lkl4">Koros, also known as Wave motifs, are part of the visual identity of City of Helsinki.</p></div><a class="Linkbox-module_link__3tFuW" aria-label="Go to the Koros component page." tabindex="-1" href="/hds-demo/header-custom-theme-site/components/koros"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_l__1TDQL icon_hds-icon--size-l__3Zczy Linkbox-module_icon__1e7kG" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-right" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M14 5.5L12.5 7L16.5 11H4V13H16.5L12.5 17L14 18.5L20.5 12L14 5.5Z" fill="currentColor"></path></svg></a></div></div><div class="linkbox-list-item"><div role="region" tabindex="0" class="Linkbox-module_linkbox__15LUm Linkbox-module_border__3lfzt linkbox-list-link" aria-label="Link component."><img src="/hds-demo/header-custom-theme-site/images/components/overview/link@2x.png" alt="" height="180" width="280" class="Linkbox-module_image__2GxFx"/><div class="Linkbox-module_withBackground__1xdbp Linkbox-module_withSmallImage__3E12M Linkbox-module_contentSmall__2WG1n"><div role="heading" aria-level="2" class="Linkbox-module_headingSmall__1-9yw helpers_heading-s__1HNlW">Link</div><p class="Linkbox-module_text__2lkl4">Links are used as navigational elements and can be standalone or inline.</p></div><a class="Linkbox-module_link__3tFuW" aria-label="Go to the Link component page." tabindex="-1" href="/hds-demo/header-custom-theme-site/components/link"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_l__1TDQL icon_hds-icon--size-l__3Zczy Linkbox-module_icon__1e7kG" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-right" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M14 5.5L12.5 7L16.5 11H4V13H16.5L12.5 17L14 18.5L20.5 12L14 5.5Z" fill="currentColor"></path></svg></a></div></div><div class="linkbox-list-item"><div role="region" tabindex="0" class="Linkbox-module_linkbox__15LUm Linkbox-module_border__3lfzt linkbox-list-link" aria-label="Linkbox component."><img src="/hds-demo/header-custom-theme-site/images/components/overview/linkbox@2x.png" alt="" height="180" width="280" class="Linkbox-module_image__2GxFx"/><div class="Linkbox-module_withBackground__1xdbp Linkbox-module_withSmallImage__3E12M Linkbox-module_contentSmall__2WG1n"><div role="heading" aria-level="2" class="Linkbox-module_headingSmall__1-9yw helpers_heading-s__1HNlW">Linkbox</div><p class="Linkbox-module_text__2lkl4">Linkboxes are used to combine elements into a single interactable element.</p></div><a class="Linkbox-module_link__3tFuW" aria-label="Go to the Linkbox component page." tabindex="-1" href="/hds-demo/header-custom-theme-site/components/linkbox"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_l__1TDQL icon_hds-icon--size-l__3Zczy Linkbox-module_icon__1e7kG" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-right" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M14 5.5L12.5 7L16.5 11H4V13H16.5L12.5 17L14 18.5L20.5 12L14 5.5Z" fill="currentColor"></path></svg></a></div></div><div class="linkbox-list-item"><div role="region" tabindex="0" class="Linkbox-module_linkbox__15LUm Linkbox-module_border__3lfzt linkbox-list-link" aria-label="LoadingSpinner component."><img src="/hds-demo/header-custom-theme-site/images/components/overview/loadingspinner@2x.png" alt="" height="180" width="280" class="Linkbox-module_image__2GxFx"/><div class="Linkbox-module_withBackground__1xdbp Linkbox-module_withSmallImage__3E12M Linkbox-module_contentSmall__2WG1n"><div role="heading" aria-level="2" class="Linkbox-module_headingSmall__1-9yw helpers_heading-s__1HNlW">LoadingSpinner</div><p class="Linkbox-module_text__2lkl4">Loading spinner is used for notifying users that their action is being processed.</p></div><a class="Linkbox-module_link__3tFuW" aria-label="Go to the LoadingSpinner component page." tabindex="-1" href="/hds-demo/header-custom-theme-site/components/loading-spinner"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_l__1TDQL icon_hds-icon--size-l__3Zczy Linkbox-module_icon__1e7kG" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-right" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M14 5.5L12.5 7L16.5 11H4V13H16.5L12.5 17L14 18.5L20.5 12L14 5.5Z" fill="currentColor"></path></svg></a></div></div><div class="linkbox-list-item"><div role="region" tabindex="0" class="Linkbox-module_linkbox__15LUm Linkbox-module_border__3lfzt linkbox-list-link" aria-label="Logo component."><img src="/hds-demo/header-custom-theme-site/images/components/overview/logo@2x.png" alt="" height="180" width="280" class="Linkbox-module_image__2GxFx"/><div class="Linkbox-module_withBackground__1xdbp Linkbox-module_withSmallImage__3E12M Linkbox-module_contentSmall__2WG1n"><div role="heading" aria-level="2" class="Linkbox-module_headingSmall__1-9yw helpers_heading-s__1HNlW">Logo</div><p class="Linkbox-module_text__2lkl4">The logo is used to identify the service as an official City of Helsinki service.</p></div><a class="Linkbox-module_link__3tFuW" aria-label="Go to the Logo component page." tabindex="-1" href="/hds-demo/header-custom-theme-site/components/logo"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_l__1TDQL icon_hds-icon--size-l__3Zczy Linkbox-module_icon__1e7kG" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-right" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M14 5.5L12.5 7L16.5 11H4V13H16.5L12.5 17L14 18.5L20.5 12L14 5.5Z" fill="currentColor"></path></svg></a></div></div><div class="linkbox-list-item"><div role="region" tabindex="0" class="Linkbox-module_linkbox__15LUm Linkbox-module_border__3lfzt linkbox-list-link" aria-label="Navigation component."><img src="/hds-demo/header-custom-theme-site/images/components/overview/navigation@2x.png" alt="" height="180" width="280" class="Linkbox-module_image__2GxFx"/><div class="Linkbox-module_withBackground__1xdbp Linkbox-module_withSmallImage__3E12M Linkbox-module_contentSmall__2WG1n"><div role="heading" aria-level="2" class="Linkbox-module_headingSmall__1-9yw helpers_heading-s__1HNlW">Navigation</div><p class="Linkbox-module_text__2lkl4">A navigation component is the main way to navigate and locate in the service.</p></div><a class="Linkbox-module_link__3tFuW" aria-label="Go to the Navigation component page." tabindex="-1" href="/hds-demo/header-custom-theme-site/components/navigation"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_l__1TDQL icon_hds-icon--size-l__3Zczy Linkbox-module_icon__1e7kG" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-right" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M14 5.5L12.5 7L16.5 11H4V13H16.5L12.5 17L14 18.5L20.5 12L14 5.5Z" fill="currentColor"></path></svg></a></div></div><div class="linkbox-list-item"><div role="region" tabindex="0" class="Linkbox-module_linkbox__15LUm Linkbox-module_border__3lfzt linkbox-list-link" aria-label="Notification component."><img src="/hds-demo/header-custom-theme-site/images/components/overview/notification@2x.png" alt="" height="180" width="280" class="Linkbox-module_image__2GxFx"/><div class="Linkbox-module_withBackground__1xdbp Linkbox-module_withSmallImage__3E12M Linkbox-module_contentSmall__2WG1n"><div role="heading" aria-level="2" class="Linkbox-module_headingSmall__1-9yw helpers_heading-s__1HNlW">Notification</div><p class="Linkbox-module_text__2lkl4">Notifications are used to present timely information to the user.</p></div><a class="Linkbox-module_link__3tFuW" aria-label="Go to the Notification component page." tabindex="-1" href="/hds-demo/header-custom-theme-site/components/notification"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_l__1TDQL icon_hds-icon--size-l__3Zczy Linkbox-module_icon__1e7kG" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-right" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M14 5.5L12.5 7L16.5 11H4V13H16.5L12.5 17L14 18.5L20.5 12L14 5.5Z" fill="currentColor"></path></svg></a></div></div><div class="linkbox-list-item"><div role="region" tabindex="0" class="Linkbox-module_linkbox__15LUm Linkbox-module_border__3lfzt linkbox-list-link" aria-label="NumberInput component."><img src="/hds-demo/header-custom-theme-site/images/components/overview/numberinput@2x.png" alt="" height="180" width="280" class="Linkbox-module_image__2GxFx"/><div class="Linkbox-module_withBackground__1xdbp Linkbox-module_withSmallImage__3E12M Linkbox-module_contentSmall__2WG1n"><div role="heading" aria-level="2" class="Linkbox-module_headingSmall__1-9yw helpers_heading-s__1HNlW">NumberInput</div><p class="Linkbox-module_text__2lkl4">A number input allows the user to enter numeric values.</p></div><a class="Linkbox-module_link__3tFuW" aria-label="Go to the NumberInput component page." tabindex="-1" href="/hds-demo/header-custom-theme-site/components/number-input"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_l__1TDQL icon_hds-icon--size-l__3Zczy Linkbox-module_icon__1e7kG" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-right" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M14 5.5L12.5 7L16.5 11H4V13H16.5L12.5 17L14 18.5L20.5 12L14 5.5Z" fill="currentColor"></path></svg></a></div></div><div class="linkbox-list-item"><div role="region" tabindex="0" class="Linkbox-module_linkbox__15LUm Linkbox-module_border__3lfzt linkbox-list-link" aria-label="Pagination component."><img src="/hds-demo/header-custom-theme-site/images/components/overview/pagination@2x.png" alt="" height="180" width="280" class="Linkbox-module_image__2GxFx"/><div class="Linkbox-module_withBackground__1xdbp Linkbox-module_withSmallImage__3E12M Linkbox-module_contentSmall__2WG1n"><div role="heading" aria-level="2" class="Linkbox-module_headingSmall__1-9yw helpers_heading-s__1HNlW">Pagination</div><p class="Linkbox-module_text__2lkl4">The pagination component allows the user to navigate between pages.</p></div><a class="Linkbox-module_link__3tFuW" aria-label="Go to the Pagination component page." tabindex="-1" href="/hds-demo/header-custom-theme-site/components/pagination"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_l__1TDQL icon_hds-icon--size-l__3Zczy Linkbox-module_icon__1e7kG" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-right" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M14 5.5L12.5 7L16.5 11H4V13H16.5L12.5 17L14 18.5L20.5 12L14 5.5Z" fill="currentColor"></path></svg></a></div></div><div class="linkbox-list-item"><div role="region" tabindex="0" class="Linkbox-module_linkbox__15LUm Linkbox-module_border__3lfzt linkbox-list-link" aria-label="PasswordInput component."><img src="/hds-demo/header-custom-theme-site/images/components/overview/passwordinput@2x.png" alt="" height="180" width="280" class="Linkbox-module_image__2GxFx"/><div class="Linkbox-module_withBackground__1xdbp Linkbox-module_withSmallImage__3E12M Linkbox-module_contentSmall__2WG1n"><div role="heading" aria-level="2" class="Linkbox-module_headingSmall__1-9yw helpers_heading-s__1HNlW">PasswordInput</div><p class="Linkbox-module_text__2lkl4">A password field is an input field component that is used to input password data.</p></div><a class="Linkbox-module_link__3tFuW" aria-label="Go to the PasswordInput component page." tabindex="-1" href="/hds-demo/header-custom-theme-site/components/password-input"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_l__1TDQL icon_hds-icon--size-l__3Zczy Linkbox-module_icon__1e7kG" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-right" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M14 5.5L12.5 7L16.5 11H4V13H16.5L12.5 17L14 18.5L20.5 12L14 5.5Z" fill="currentColor"></path></svg></a></div></div><div class="linkbox-list-item"><div role="region" tabindex="0" class="Linkbox-module_linkbox__15LUm Linkbox-module_border__3lfzt linkbox-list-link" aria-label="PhoneInput component."><img src="/hds-demo/header-custom-theme-site/images/components/overview/phoneinput@2x.png" alt="" height="180" width="280" class="Linkbox-module_image__2GxFx"/><div class="Linkbox-module_withBackground__1xdbp Linkbox-module_withSmallImage__3E12M Linkbox-module_contentSmall__2WG1n"><div role="heading" aria-level="2" class="Linkbox-module_headingSmall__1-9yw helpers_heading-s__1HNlW">PhoneInput</div><p class="Linkbox-module_text__2lkl4">A phone input allows the user to enter phone number values.</p></div><a class="Linkbox-module_link__3tFuW" aria-label="Go to the PhoneInput component page." tabindex="-1" href="/hds-demo/header-custom-theme-site/components/phone-input"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_l__1TDQL icon_hds-icon--size-l__3Zczy Linkbox-module_icon__1e7kG" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-right" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M14 5.5L12.5 7L16.5 11H4V13H16.5L12.5 17L14 18.5L20.5 12L14 5.5Z" fill="currentColor"></path></svg></a></div></div><div class="linkbox-list-item"><div role="region" tabindex="0" class="Linkbox-module_linkbox__15LUm Linkbox-module_border__3lfzt linkbox-list-link" aria-label="RadioButton component."><img src="/hds-demo/header-custom-theme-site/images/components/overview/radiobutton@2x.png" alt="" height="180" width="280" class="Linkbox-module_image__2GxFx"/><div class="Linkbox-module_withBackground__1xdbp Linkbox-module_withSmallImage__3E12M Linkbox-module_contentSmall__2WG1n"><div role="heading" aria-level="2" class="Linkbox-module_headingSmall__1-9yw helpers_heading-s__1HNlW">RadioButton</div><p class="Linkbox-module_text__2lkl4">Radio buttons are used to pick an option when only one option can be chosen.</p></div><a class="Linkbox-module_link__3tFuW" aria-label="Go to the RadioButton component page." tabindex="-1" href="/hds-demo/header-custom-theme-site/components/radio-button"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_l__1TDQL icon_hds-icon--size-l__3Zczy Linkbox-module_icon__1e7kG" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-right" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M14 5.5L12.5 7L16.5 11H4V13H16.5L12.5 17L14 18.5L20.5 12L14 5.5Z" fill="currentColor"></path></svg></a></div></div><div class="linkbox-list-item"><div role="region" tabindex="0" class="Linkbox-module_linkbox__15LUm Linkbox-module_border__3lfzt linkbox-list-link" aria-label="SearchInput component."><img src="/hds-demo/header-custom-theme-site/images/components/overview/searchinput@2x.png" alt="" height="180" width="280" class="Linkbox-module_image__2GxFx"/><div class="Linkbox-module_withBackground__1xdbp Linkbox-module_withSmallImage__3E12M Linkbox-module_contentSmall__2WG1n"><div role="heading" aria-level="2" class="Linkbox-module_headingSmall__1-9yw helpers_heading-s__1HNlW">SearchInput</div><p class="Linkbox-module_text__2lkl4">A search input allows the user to find relevant content.</p></div><a class="Linkbox-module_link__3tFuW" aria-label="Go to the SearchInput component page." tabindex="-1" href="/hds-demo/header-custom-theme-site/components/search-input"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_l__1TDQL icon_hds-icon--size-l__3Zczy Linkbox-module_icon__1e7kG" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-right" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M14 5.5L12.5 7L16.5 11H4V13H16.5L12.5 17L14 18.5L20.5 12L14 5.5Z" fill="currentColor"></path></svg></a></div></div><div class="linkbox-list-item"><div role="region" tabindex="0" class="Linkbox-module_linkbox__15LUm Linkbox-module_border__3lfzt linkbox-list-link" aria-label="SelectionGroup component."><img src="/hds-demo/header-custom-theme-site/images/components/overview/selectiongroup@2x.png" alt="" height="180" width="280" class="Linkbox-module_image__2GxFx"/><div class="Linkbox-module_withBackground__1xdbp Linkbox-module_withSmallImage__3E12M Linkbox-module_contentSmall__2WG1n"><div role="heading" aria-level="2" class="Linkbox-module_headingSmall__1-9yw helpers_heading-s__1HNlW">SelectionGroup</div><p class="Linkbox-module_text__2lkl4">Selection group allows grouping form selection elements to each other.</p></div><a class="Linkbox-module_link__3tFuW" aria-label="Go to the SelectionGroup component page." tabindex="-1" href="/hds-demo/header-custom-theme-site/components/selection-group"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_l__1TDQL icon_hds-icon--size-l__3Zczy Linkbox-module_icon__1e7kG" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-right" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M14 5.5L12.5 7L16.5 11H4V13H16.5L12.5 17L14 18.5L20.5 12L14 5.5Z" fill="currentColor"></path></svg></a></div></div><div class="linkbox-list-item"><div role="region" tabindex="0" class="Linkbox-module_linkbox__15LUm Linkbox-module_border__3lfzt linkbox-list-link" aria-label="SideNavigation component."><img src="/hds-demo/header-custom-theme-site/images/components/overview/sidenavigation@2x.png" alt="" height="180" width="280" class="Linkbox-module_image__2GxFx"/><div class="Linkbox-module_withBackground__1xdbp Linkbox-module_withSmallImage__3E12M Linkbox-module_contentSmall__2WG1n"><div role="heading" aria-level="2" class="Linkbox-module_headingSmall__1-9yw helpers_heading-s__1HNlW">SideNavigation</div><p class="Linkbox-module_text__2lkl4">A side navigation is an additional navigation located on the left of the viewport.</p></div><a class="Linkbox-module_link__3tFuW" aria-label="Go to the SideNavigation component page." tabindex="-1" href="/hds-demo/header-custom-theme-site/components/side-navigation"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_l__1TDQL icon_hds-icon--size-l__3Zczy Linkbox-module_icon__1e7kG" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-right" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M14 5.5L12.5 7L16.5 11H4V13H16.5L12.5 17L14 18.5L20.5 12L14 5.5Z" fill="currentColor"></path></svg></a></div></div><div class="linkbox-list-item"><div role="region" tabindex="0" class="Linkbox-module_linkbox__15LUm Linkbox-module_border__3lfzt linkbox-list-link" aria-label="StatusLabel component."><img src="/hds-demo/header-custom-theme-site/images/components/overview/statuslabel@2x.png" alt="" height="180" width="280" class="Linkbox-module_image__2GxFx"/><div class="Linkbox-module_withBackground__1xdbp Linkbox-module_withSmallImage__3E12M Linkbox-module_contentSmall__2WG1n"><div role="heading" aria-level="2" class="Linkbox-module_headingSmall__1-9yw helpers_heading-s__1HNlW">StatusLabel</div><p class="Linkbox-module_text__2lkl4">Status labels can be used to highlight different statuses or items to the user.</p></div><a class="Linkbox-module_link__3tFuW" aria-label="Go to the StatusLabel component page." tabindex="-1" href="/hds-demo/header-custom-theme-site/components/status-label"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_l__1TDQL icon_hds-icon--size-l__3Zczy Linkbox-module_icon__1e7kG" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-right" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M14 5.5L12.5 7L16.5 11H4V13H16.5L12.5 17L14 18.5L20.5 12L14 5.5Z" fill="currentColor"></path></svg></a></div></div><div class="linkbox-list-item"><div role="region" tabindex="0" class="Linkbox-module_linkbox__15LUm Linkbox-module_border__3lfzt linkbox-list-link" aria-label="StepByStep component."><img src="/hds-demo/header-custom-theme-site/images/components/overview/stepbystep@2x.png" alt="" height="180" width="280" class="Linkbox-module_image__2GxFx"/><div class="Linkbox-module_withBackground__1xdbp Linkbox-module_withSmallImage__3E12M Linkbox-module_contentSmall__2WG1n"><div role="heading" aria-level="2" class="Linkbox-module_headingSmall__1-9yw helpers_heading-s__1HNlW">StepByStep</div><p class="Linkbox-module_text__2lkl4">StepByStep component is useful for visualising a process in steps.</p></div><a class="Linkbox-module_link__3tFuW" aria-label="Go to the StepByStep component page." tabindex="-1" href="/hds-demo/header-custom-theme-site/components/step-by-step"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_l__1TDQL icon_hds-icon--size-l__3Zczy Linkbox-module_icon__1e7kG" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-right" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M14 5.5L12.5 7L16.5 11H4V13H16.5L12.5 17L14 18.5L20.5 12L14 5.5Z" fill="currentColor"></path></svg></a></div></div><div class="linkbox-list-item"><div role="region" tabindex="0" class="Linkbox-module_linkbox__15LUm Linkbox-module_border__3lfzt linkbox-list-link" aria-label="Stepper component."><img src="/hds-demo/header-custom-theme-site/images/components/overview/stepper@2x.png" alt="" height="180" width="280" class="Linkbox-module_image__2GxFx"/><div class="Linkbox-module_withBackground__1xdbp Linkbox-module_withSmallImage__3E12M Linkbox-module_contentSmall__2WG1n"><div role="heading" aria-level="2" class="Linkbox-module_headingSmall__1-9yw helpers_heading-s__1HNlW">Stepper</div><p class="Linkbox-module_text__2lkl4">The stepper helps to see the progression and to navigate between form steps.</p></div><a class="Linkbox-module_link__3tFuW" aria-label="Go to the Stepper component page." tabindex="-1" href="/hds-demo/header-custom-theme-site/components/stepper"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_l__1TDQL icon_hds-icon--size-l__3Zczy Linkbox-module_icon__1e7kG" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-right" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M14 5.5L12.5 7L16.5 11H4V13H16.5L12.5 17L14 18.5L20.5 12L14 5.5Z" fill="currentColor"></path></svg></a></div></div><div class="linkbox-list-item"><div role="region" tabindex="0" class="Linkbox-module_linkbox__15LUm Linkbox-module_border__3lfzt linkbox-list-link" aria-label="Table component."><img src="/hds-demo/header-custom-theme-site/images/components/overview/table@2x.png" alt="" height="180" width="280" class="Linkbox-module_image__2GxFx"/><div class="Linkbox-module_withBackground__1xdbp Linkbox-module_withSmallImage__3E12M Linkbox-module_contentSmall__2WG1n"><div role="heading" aria-level="2" class="Linkbox-module_headingSmall__1-9yw helpers_heading-s__1HNlW">Table</div><p class="Linkbox-module_text__2lkl4">Tables are used to present tabulated data to the user in a consistent manner.</p></div><a class="Linkbox-module_link__3tFuW" aria-label="Go to the Table component page." tabindex="-1" href="/hds-demo/header-custom-theme-site/components/table"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_l__1TDQL icon_hds-icon--size-l__3Zczy Linkbox-module_icon__1e7kG" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-right" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M14 5.5L12.5 7L16.5 11H4V13H16.5L12.5 17L14 18.5L20.5 12L14 5.5Z" fill="currentColor"></path></svg></a></div></div><div class="linkbox-list-item"><div role="region" tabindex="0" class="Linkbox-module_linkbox__15LUm Linkbox-module_border__3lfzt linkbox-list-link" aria-label="Tabs component."><img src="/hds-demo/header-custom-theme-site/images/components/overview/tabs@2x.png" alt="" height="180" width="280" class="Linkbox-module_image__2GxFx"/><div class="Linkbox-module_withBackground__1xdbp Linkbox-module_withSmallImage__3E12M Linkbox-module_contentSmall__2WG1n"><div role="heading" aria-level="2" class="Linkbox-module_headingSmall__1-9yw helpers_heading-s__1HNlW">Tabs</div><p class="Linkbox-module_text__2lkl4">Tabs are used to navigate between contents that have a relation.</p></div><a class="Linkbox-module_link__3tFuW" aria-label="Go to the Tabs component page." tabindex="-1" href="/hds-demo/header-custom-theme-site/components/tabs"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_l__1TDQL icon_hds-icon--size-l__3Zczy Linkbox-module_icon__1e7kG" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-right" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M14 5.5L12.5 7L16.5 11H4V13H16.5L12.5 17L14 18.5L20.5 12L14 5.5Z" fill="currentColor"></path></svg></a></div></div><div class="linkbox-list-item"><div role="region" tabindex="0" class="Linkbox-module_linkbox__15LUm Linkbox-module_border__3lfzt linkbox-list-link" aria-label="Tag component."><img src="/hds-demo/header-custom-theme-site/images/components/overview/tag@2x.png" alt="" height="180" width="280" class="Linkbox-module_image__2GxFx"/><div class="Linkbox-module_withBackground__1xdbp Linkbox-module_withSmallImage__3E12M Linkbox-module_contentSmall__2WG1n"><div role="heading" aria-level="2" class="Linkbox-module_headingSmall__1-9yw helpers_heading-s__1HNlW">Tag</div><p class="Linkbox-module_text__2lkl4">Tags are used to show attributes of an object or element such as categories.</p></div><a class="Linkbox-module_link__3tFuW" aria-label="Go to the Tag component page." tabindex="-1" href="/hds-demo/header-custom-theme-site/components/tag"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_l__1TDQL icon_hds-icon--size-l__3Zczy Linkbox-module_icon__1e7kG" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-right" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M14 5.5L12.5 7L16.5 11H4V13H16.5L12.5 17L14 18.5L20.5 12L14 5.5Z" fill="currentColor"></path></svg></a></div></div><div class="linkbox-list-item"><div role="region" tabindex="0" class="Linkbox-module_linkbox__15LUm Linkbox-module_border__3lfzt linkbox-list-link" aria-label="TextArea component."><img src="/hds-demo/header-custom-theme-site/images/components/overview/textarea@2x.png" alt="" height="180" width="280" class="Linkbox-module_image__2GxFx"/><div class="Linkbox-module_withBackground__1xdbp Linkbox-module_withSmallImage__3E12M Linkbox-module_contentSmall__2WG1n"><div role="heading" aria-level="2" class="Linkbox-module_headingSmall__1-9yw helpers_heading-s__1HNlW">TextArea</div><p class="Linkbox-module_text__2lkl4">A text area is an input used for multiline answers.</p></div><a class="Linkbox-module_link__3tFuW" aria-label="Go to the TextArea component page." tabindex="-1" href="/hds-demo/header-custom-theme-site/components/text-area"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_l__1TDQL icon_hds-icon--size-l__3Zczy Linkbox-module_icon__1e7kG" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-right" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M14 5.5L12.5 7L16.5 11H4V13H16.5L12.5 17L14 18.5L20.5 12L14 5.5Z" fill="currentColor"></path></svg></a></div></div><div class="linkbox-list-item"><div role="region" tabindex="0" class="Linkbox-module_linkbox__15LUm Linkbox-module_border__3lfzt linkbox-list-link" aria-label="TextInput component."><img src="/hds-demo/header-custom-theme-site/images/components/overview/textinput@2x.png" alt="" height="180" width="280" class="Linkbox-module_image__2GxFx"/><div class="Linkbox-module_withBackground__1xdbp Linkbox-module_withSmallImage__3E12M Linkbox-module_contentSmall__2WG1n"><div role="heading" aria-level="2" class="Linkbox-module_headingSmall__1-9yw helpers_heading-s__1HNlW">TextInput</div><p class="Linkbox-module_text__2lkl4">A text field is an input field that the user can use to input content and data.</p></div><a class="Linkbox-module_link__3tFuW" aria-label="Go to the TextInput component page." tabindex="-1" href="/hds-demo/header-custom-theme-site/components/text-input"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_l__1TDQL icon_hds-icon--size-l__3Zczy Linkbox-module_icon__1e7kG" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-right" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M14 5.5L12.5 7L16.5 11H4V13H16.5L12.5 17L14 18.5L20.5 12L14 5.5Z" fill="currentColor"></path></svg></a></div></div><div class="linkbox-list-item"><div role="region" tabindex="0" class="Linkbox-module_linkbox__15LUm Linkbox-module_border__3lfzt linkbox-list-link" aria-label="TimeInput component."><img src="/hds-demo/header-custom-theme-site/images/components/overview/timeinput@2x.png" alt="" height="180" width="280" class="Linkbox-module_image__2GxFx"/><div class="Linkbox-module_withBackground__1xdbp Linkbox-module_withSmallImage__3E12M Linkbox-module_contentSmall__2WG1n"><div role="heading" aria-level="2" class="Linkbox-module_headingSmall__1-9yw helpers_heading-s__1HNlW">TimeInput</div><p class="Linkbox-module_text__2lkl4">A time input helps the user select a specific time.</p></div><a class="Linkbox-module_link__3tFuW" aria-label="Go to the TimeInput component page." tabindex="-1" href="/hds-demo/header-custom-theme-site/components/time-input"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_l__1TDQL icon_hds-icon--size-l__3Zczy Linkbox-module_icon__1e7kG" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-right" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M14 5.5L12.5 7L16.5 11H4V13H16.5L12.5 17L14 18.5L20.5 12L14 5.5Z" fill="currentColor"></path></svg></a></div></div><div class="linkbox-list-item"><div role="region" tabindex="0" class="Linkbox-module_linkbox__15LUm Linkbox-module_border__3lfzt linkbox-list-link" aria-label="ToggleButton component."><img src="/hds-demo/header-custom-theme-site/images/components/overview/togglebutton@2x.png" alt="" height="180" width="280" class="Linkbox-module_image__2GxFx"/><div class="Linkbox-module_withBackground__1xdbp Linkbox-module_withSmallImage__3E12M Linkbox-module_contentSmall__2WG1n"><div role="heading" aria-level="2" class="Linkbox-module_headingSmall__1-9yw helpers_heading-s__1HNlW">ToggleButton</div><p class="Linkbox-module_text__2lkl4">Toggle button allows to switch between two states such as &quot;On&quot; and &quot;Off&quot;.</p></div><a class="Linkbox-module_link__3tFuW" aria-label="Go to the ToggleButton component page." tabindex="-1" href="/hds-demo/header-custom-theme-site/components/toggle-button"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_l__1TDQL icon_hds-icon--size-l__3Zczy Linkbox-module_icon__1e7kG" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-right" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M14 5.5L12.5 7L16.5 11H4V13H16.5L12.5 17L14 18.5L20.5 12L14 5.5Z" fill="currentColor"></path></svg></a></div></div><div class="linkbox-list-item"><div role="region" tabindex="0" class="Linkbox-module_linkbox__15LUm Linkbox-module_border__3lfzt linkbox-list-link" aria-label="Tooltip component."><img src="/hds-demo/header-custom-theme-site/images/components/overview/tooltip@2x.png" alt="" height="180" width="280" class="Linkbox-module_image__2GxFx"/><div class="Linkbox-module_withBackground__1xdbp Linkbox-module_withSmallImage__3E12M Linkbox-module_contentSmall__2WG1n"><div role="heading" aria-level="2" class="Linkbox-module_headingSmall__1-9yw helpers_heading-s__1HNlW">Tooltip</div><p class="Linkbox-module_text__2lkl4">Tooltips are used to present context or background information to the user.</p></div><a class="Linkbox-module_link__3tFuW" aria-label="Go to the Tooltip component page." tabindex="-1" href="/hds-demo/header-custom-theme-site/components/tooltip"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_l__1TDQL icon_hds-icon--size-l__3Zczy Linkbox-module_icon__1e7kG" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-right" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M14 5.5L12.5 7L16.5 11H4V13H16.5L12.5 17L14 18.5L20.5 12L14 5.5Z" fill="currentColor"></path></svg></a></div></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-121" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-121)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a aria-current="page" class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
     window.dev = undefined
     if (window.dev === true || !(navigator.doNotTrack === '1' || window.doNotTrack === '1')) {
       window._paq = window._paq || [];
@@ -82,6 +82,6 @@
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/components/koros/accessibility/index.html b/docs/header-custom-theme-site/components/koros/accessibility/index.html
index 1f49e74235..36e263eb8c 100644
--- a/docs/header-custom-theme-site/components/koros/accessibility/index.html
+++ b/docs/header-custom-theme-site/components/koros/accessibility/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Koros - Accessibility"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Koros - Accessibility"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -61,7 +61,7 @@ <h3 id="pay-attention-to" style="position:relative" class="page-heading-3 headin
 <li>Koros are decorative items and should be used in background and hidden from screen readers. See e.g. <a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F" href="/hds-demo/header-custom-theme-site/components/hero">Hero</a> and <a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F" href="/hds-demo/header-custom-theme-site/components/footer">Footer</a>.</li>
 <li><strong>Note that in this documentation the koros have alt texts as they present the component and are therefore important content.</strong></li>
 <li>Koros are not interactive elements and do not receive focus.</li>
-</ul></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-88" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-88)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
+</ul></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-89" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-89)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
     window.dev = undefined
     if (window.dev === true || !(navigator.doNotTrack === '1' || window.doNotTrack === '1')) {
       window._paq = window._paq || [];
@@ -89,6 +89,6 @@ <h3 id="pay-attention-to" style="position:relative" class="page-heading-3 headin
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/components/koros/code/index.html b/docs/header-custom-theme-site/components/koros/code/index.html
index b10916ba02..6f1b318fa1 100644
--- a/docs/header-custom-theme-site/components/koros/code/index.html
+++ b/docs/header-custom-theme-site/components/koros/code/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Koros - Code"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Koros - Code"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -256,7 +256,7 @@ <h3 id="packages" style="position:relative" class="page-heading-3 heading-m">Pac
 <div class="hds-table-container" tabindex="0"><table class="hds-table hds-table--dark" aria-label="Service users (dark variant)"><thead><tr class="hds-table__header-row dark"><th scope="col">Package</th><th scope="col">Included</th><th scope="col">Storybook link</th><th scope="col">Source link</th></tr></thead><tbody class="hds-table__content"><tr><td><strong>HDS React</strong></td><td><div style="display:flex;gap:var(--spacing-3-xs)"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="check-circle-fill" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3ZM16.5 8L18 9.5L10.5 17L6 12.5L7.5 11L10.5 14L16.5 8Z" fill="currentColor"></path></svg> Yes </div></td><td><a aria-label="View in Storybook. Opens in a new tab" class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F" href="/storybook/react/?path=/docs/components-koros--basic" target="_blank" rel="noopener">View in Storybook</a></td><td><a aria-label="View source. Opens in a new tab Opens a different website." class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F" href="https://github.com/City-of-Helsinki/helsinki-design-system/tree/master/packages/react/src/components/koros" target="_blank" rel="noopener">View source<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik Link-module_icon__3ReCc link_icon__i_HqN Link-module_verticalAlignMediumIcon__12PVa link_vertical-align-medium-icon__3IWi1" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="link-external" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M5 3V19H21V21H3V3H5ZM21 3V12H19V6.413L9.91421 15.5L8.5 14.0858L17.585 5H12V3H21Z" fill="currentColor"></path></svg></a></td></tr><tr><td><strong>HDS Core</strong></td><td><div style="display:flex;gap:var(--spacing-3-xs)"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="check-circle-fill" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3ZM16.5 8L18 9.5L10.5 17L6 12.5L7.5 11L10.5 14L16.5 8Z" fill="currentColor"></path></svg> Yes </div></td><td><a aria-label="View in Storybook. Opens in a new tab" class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F" href="/storybook/core/?path=/story/components-koros--basic" target="_blank" rel="noopener">View in Storybook</a></td><td><a aria-label="View source. Opens in a new tab Opens a different website." class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F" href="https://github.com/City-of-Helsinki/helsinki-design-system/tree/master/packages/core/src/components/koros" target="_blank" rel="noopener">View source<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik Link-module_icon__3ReCc link_icon__i_HqN Link-module_verticalAlignMediumIcon__12PVa link_vertical-align-medium-icon__3IWi1" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="link-external" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M5 3V19H21V21H3V3H5ZM21 3V12H19V6.413L9.91421 15.5L8.5 14.0858L17.585 5H12V3H21Z" fill="currentColor"></path></svg></a></td></tr></tbody></table></div>
 <h3 id="properties" style="position:relative" class="page-heading-3 heading-m">Properties<a href="#properties" aria-label="properties permalink" class="header-anchor after"><span><span class="hds-anchor-icon hds-icon hds-icon--link hds-icon--size-xs" aria-hidden="true" style="vertical-align: middle"></span></span></a></h3>
 <p>Note! You can find the full list of properties in the <a aria-label="React Storybook. Opens in a new tab" class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F" href="/storybook/react/?path=/docs/components-koros--basic" target="_blank" rel="noopener">React Storybook.</a></p>
-<div class="hds-table-container" tabindex="0"><table class="hds-table hds-table--dark" aria-label="Service users (dark variant)"><thead><tr class="hds-table__header-row dark"><th scope="col">Property</th><th scope="col">Description</th><th scope="col">Values</th><th scope="col">Default value</th></tr></thead><tbody class="hds-table__content"><tr><td><code>dense</code></td><td>If set to true, the dense koro variant is used.</td><td><code>boolean</code></td><td>false</td></tr><tr><td><code>flipVertical</code></td><td>If set to true, the koro shape will be flipped vertically.</td><td><code>boolean</code></td><td>false</td></tr><tr><td><code>rotate</code></td><td>Controls the rotation of the koro shape.</td><td><code>&quot;45deg&quot;</code>, <code>&quot;90deg&quot;</code>, <code>&quot;135deg&quot;</code>, <code>&quot;180deg&quot;</code>, <code>&quot;225deg&quot;</code>, <code>&quot;270deg&quot;</code>, <code>&quot;315deg&quot;</code></td><td>-</td></tr><tr><td><code>type</code></td><td>Controls the type (shape) of the koro.</td><td><code>&quot;basic&quot;</code>, <code>&quot;beat&quot;</code>, <code>&quot;pulse&quot;</code>, <code>&quot;wave&quot;</code>, <code>&quot;vibration&quot;</code>, <code>&quot;calm&quot;</code></td><td><code>&quot;basic&quot;</code></td></tr></tbody></table></div></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-86" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-86)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
+<div class="hds-table-container" tabindex="0"><table class="hds-table hds-table--dark" aria-label="Service users (dark variant)"><thead><tr class="hds-table__header-row dark"><th scope="col">Property</th><th scope="col">Description</th><th scope="col">Values</th><th scope="col">Default value</th></tr></thead><tbody class="hds-table__content"><tr><td><code>dense</code></td><td>If set to true, the dense koro variant is used.</td><td><code>boolean</code></td><td>false</td></tr><tr><td><code>flipVertical</code></td><td>If set to true, the koro shape will be flipped vertically.</td><td><code>boolean</code></td><td>false</td></tr><tr><td><code>rotate</code></td><td>Controls the rotation of the koro shape.</td><td><code>&quot;45deg&quot;</code>, <code>&quot;90deg&quot;</code>, <code>&quot;135deg&quot;</code>, <code>&quot;180deg&quot;</code>, <code>&quot;225deg&quot;</code>, <code>&quot;270deg&quot;</code>, <code>&quot;315deg&quot;</code></td><td>-</td></tr><tr><td><code>type</code></td><td>Controls the type (shape) of the koro.</td><td><code>&quot;basic&quot;</code>, <code>&quot;beat&quot;</code>, <code>&quot;pulse&quot;</code>, <code>&quot;wave&quot;</code>, <code>&quot;vibration&quot;</code>, <code>&quot;calm&quot;</code></td><td><code>&quot;basic&quot;</code></td></tr></tbody></table></div></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-85" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-85)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
     window.dev = undefined
     if (window.dev === true || !(navigator.doNotTrack === '1' || window.doNotTrack === '1')) {
       window._paq = window._paq || [];
@@ -284,6 +284,6 @@ <h3 id="properties" style="position:relative" class="page-heading-3 heading-m">P
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/components/koros/customisation/index.html b/docs/header-custom-theme-site/components/koros/customisation/index.html
index 94d0361ff4..a677865bbe 100644
--- a/docs/header-custom-theme-site/components/koros/customisation/index.html
+++ b/docs/header-custom-theme-site/components/koros/customisation/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Koros - Customisation"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Koros - Customisation"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -92,7 +92,7 @@ <h3 id="customisation-example" style="position:relative" class="page-heading-3 h
     color: transparent !important;
   }
 }
-</style></div></div></div></div></div><div class="playground-block-buttons"><button type="button" class="Button-module_button__1msFE button_hds-button__2A0je Button-module_secondary__1nABp button_hds-button--secondary__1NOWS Button-module_size-small__3lizH button_hds-button--small__2NFef"><span class="Button-module_label__a4np1 button_hds-button__label__2EQa-">Copy code</span></button><button type="button" class="Button-module_button__1msFE button_hds-button__2A0je Button-module_secondary__1nABp button_hds-button--secondary__1NOWS Button-module_size-small__3lizH button_hds-button--small__2NFef"><div class="Button-module_icon__O-h7R button_hds-icon__17j8Z" aria-hidden="true"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-undo" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M14 10C16.2091 10 18 11.7909 18 14C18 16.2091 16.2091 18 14 18H10V20H14.0364L14.188 19.9981C17.4131 19.9171 20 17.2611 20 14C20 10.7389 17.4131 8.08285 14.188 8.0019L8.5 8L12 4.5L10.5 3L4.5 9L10.5 15L12 13.5L8.5 10H14Z" fill="currentColor"></path></svg></div><span class="Button-module_label__a4np1 button_hds-button__label__2EQa-">Reset example</span></button></div></div></div></div></div></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-84" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-84)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
+</style></div></div></div></div></div><div class="playground-block-buttons"><button type="button" class="Button-module_button__1msFE button_hds-button__2A0je Button-module_secondary__1nABp button_hds-button--secondary__1NOWS Button-module_size-small__3lizH button_hds-button--small__2NFef"><span class="Button-module_label__a4np1 button_hds-button__label__2EQa-">Copy code</span></button><button type="button" class="Button-module_button__1msFE button_hds-button__2A0je Button-module_secondary__1nABp button_hds-button--secondary__1NOWS Button-module_size-small__3lizH button_hds-button--small__2NFef"><div class="Button-module_icon__O-h7R button_hds-icon__17j8Z" aria-hidden="true"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-undo" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M14 10C16.2091 10 18 11.7909 18 14C18 16.2091 16.2091 18 14 18H10V20H14.0364L14.188 19.9981C17.4131 19.9171 20 17.2611 20 14C20 10.7389 17.4131 8.08285 14.188 8.0019L8.5 8L12 4.5L10.5 3L4.5 9L10.5 15L12 13.5L8.5 10H14Z" fill="currentColor"></path></svg></div><span class="Button-module_label__a4np1 button_hds-button__label__2EQa-">Reset example</span></button></div></div></div></div></div></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-86" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-86)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
     window.dev = undefined
     if (window.dev === true || !(navigator.doNotTrack === '1' || window.doNotTrack === '1')) {
       window._paq = window._paq || [];
@@ -120,6 +120,6 @@ <h3 id="customisation-example" style="position:relative" class="page-heading-3 h
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/components/koros/index.html b/docs/header-custom-theme-site/components/koros/index.html
index b2fc31146a..175bc659ed 100644
--- a/docs/header-custom-theme-site/components/koros/index.html
+++ b/docs/header-custom-theme-site/components/koros/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Koros"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Koros"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -57,7 +57,7 @@
 <p style="font-size:var(--fontsize-body-xl);color:var(--color-black-90);max-width:600px">Koros, also known as Wave motifs, are part of the visual identity of City of Helsinki. The Koros can be used as visual elements, for example as part of the hero image or the footer and as a divider of content in the user interface.</p>
 <div class="Tabs-module_tabs__2Ww5F"><div class="Tabs-module_tablistBar__elMv9 page-tabs-list"><div class="Tabs-module_scrollButton__3ufhP" aria-hidden="true"><button type="button" tabindex="-1"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-left" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.5 12L15.5 17L14 18.5L7.5 12L14 5.5L15.5 7L10.5 12Z" fill="currentColor"></path></svg></button></div><div class="Tabs-module_tablist__1iuDO"><ul role="tablist" style="width:0px"><li role="tab" aria-selected="true" aria-controls="tab-0-panel" tabindex="0" id="tab-0-button" class="Tabs-module_tab__3oOoX Tabs-module_active__1Ic3B"><span>Usage</span></li><li role="tab" aria-selected="false" aria-controls="tab-1-panel" tabindex="-1" id="tab-1-button" class="Tabs-module_tab__3oOoX"><span>Code</span></li><li role="tab" aria-selected="false" aria-controls="tab-2-panel" tabindex="-1" id="tab-2-button" class="Tabs-module_tab__3oOoX"><span>Accessibility</span></li><li role="tab" aria-selected="false" aria-controls="tab-3-panel" tabindex="-1" id="tab-3-button" class="Tabs-module_tab__3oOoX"><span>Customisation</span></li></ul></div><div class="Tabs-module_scrollButton__3ufhP" aria-hidden="true"><button type="button" tabindex="-1"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-right" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.5 12L8.5 7L10 5.5L16.5 12L10 18.5L8.5 17L13.5 12Z" fill="currentColor"></path></svg></button></div></div><div id="tab-0-panel" role="tabpanel" aria-labelledby="tab-0-button"><h2 id="usage" style="position:relative" class="page-heading-2 heading-l">Usage<a href="#usage" aria-label="usage permalink" class="header-anchor after"><span><span class="hds-anchor-icon hds-icon hds-icon--link hds-icon--size-xs" aria-hidden="true" style="vertical-align: middle"></span></span></a></h2>
 <h3 id="example" style="position:relative" class="page-heading-3 heading-m">Example<a href="#example" aria-label="example permalink" class="header-anchor after"><span><span class="hds-anchor-icon hds-icon hds-icon--link hds-icon--size-xs" aria-hidden="true" style="vertical-align: middle"></span></span></a></h3>
-<div class="playground-block-preview playground-block-preview-light"><div role="img" aria-label="Vibration motif example"><div class="Koros-module_koros__1r3rg"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-67" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-67)" width="100%" height="85"></rect></svg></div></div></div>
+<div class="playground-block-preview playground-block-preview-light"><div role="img" aria-label="Vibration motif example"><div class="Koros-module_koros__1r3rg"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-68" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-68)" width="100%" height="85"></rect></svg></div></div></div>
 <h3 id="principles" style="position:relative" class="page-heading-3 heading-m">Principles<a href="#principles" aria-label="principles permalink" class="header-anchor after"><span><span class="hds-anchor-icon hds-icon hds-icon--link hds-icon--size-xs" aria-hidden="true" style="vertical-align: middle"></span></span></a></h3>
 <ul>
 <li>Koros width should always match the screen width.</li>
@@ -74,14 +74,14 @@ <h3 id="variations" style="position:relative" class="page-heading-3 heading-m">V
 <h4 id="default" style="position:relative" class="page-heading-4 heading-s">Default<a href="#default" aria-label="default permalink" class="header-anchor after"><span><span class="hds-anchor-icon hds-icon hds-icon--link hds-icon--size-xs" aria-hidden="true" style="vertical-align: middle"></span></span></a></h4>
 <p>There are six Koro styles. An added visual interest is brought to the identity by means of the Koros. Using Koros adds high visual impact and makes the user interface recognisable as part of Helsinki city services.
 You can read more about using Koros in <a aria-label="Helsinki Visual Identity Guidelines - Wave motifs. Opens a different website." class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F" href="https://brand.hel.fi/en/wave-motifs/">Helsinki Visual Identity Guidelines - Wave motifs<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik Link-module_icon__3ReCc link_icon__i_HqN Link-module_verticalAlignMediumIcon__12PVa link_vertical-align-medium-icon__3IWi1" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="link-external" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M5 3V19H21V21H3V3H5ZM21 3V12H19V6.413L9.91421 15.5L8.5 14.0858L17.585 5H12V3H21Z" fill="currentColor"></path></svg></a>.</p>
-<div class="playground-block-preview playground-block-preview-light"><div role="img" aria-label="Wave motif, shape examples"><div class="Koros-module_koros__1r3rg" style="margin-bottom:var(--spacing-xs"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-68" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-68)" width="100%" height="85"></rect></svg></div><div class="Koros-module_koros__1r3rg" style="margin-bottom:var(--spacing-xs"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_beat-69" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M20,800H0V0c2.8,0,3.5,2.3,3.5,2.3l2.8,8.4c0.6,1.5,1.9,2.5,3.6,2.5c2.8,0,3.6-2.5,3.6-2.5s2.8-8.1,2.8-8.2 C17,1,18.3,0,20,0V800z"></path></pattern></defs><rect fill="url(#koros_beat-69)" width="100%" height="85"></rect></svg></div><div class="Koros-module_koros__1r3rg" style="margin-bottom:var(--spacing-xs"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_pulse-70" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-5.1,0-5.1,6.4-10,6.4S4.9,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_pulse-70)" width="100%" height="85"></rect></svg></div><div class="Koros-module_koros__1r3rg" style="margin-bottom:var(--spacing-xs"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_vibration-71" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><polygon transform="scale(5.3)" points="0,800 20,800 20,0 9.8,10.1 0,0 "></polygon></pattern></defs><rect fill="url(#koros_vibration-71)" width="100%" height="85"></rect></svg></div><div class="Koros-module_koros__1r3rg" style="margin-bottom:var(--spacing-xs"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_wave-72" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M20,800V0c-2.3,5.5-8.7,8.1-14.3,5.7C3.1,4.7,1.2,2.6,0,0v800H20z"></path></pattern></defs><rect fill="url(#koros_wave-72)" width="100%" height="85"></rect></svg></div><div class="Koros-module_koros__1r3rg"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_calm-73" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M788 0.279785H0V109.739H788V0.279785Z"></path></pattern></defs><rect fill="url(#koros_calm-73)" width="100%" height="85"></rect></svg></div></div></div>
+<div class="playground-block-preview playground-block-preview-light"><div role="img" aria-label="Wave motif, shape examples"><div class="Koros-module_koros__1r3rg" style="margin-bottom:var(--spacing-xs"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-69" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-69)" width="100%" height="85"></rect></svg></div><div class="Koros-module_koros__1r3rg" style="margin-bottom:var(--spacing-xs"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_beat-70" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M20,800H0V0c2.8,0,3.5,2.3,3.5,2.3l2.8,8.4c0.6,1.5,1.9,2.5,3.6,2.5c2.8,0,3.6-2.5,3.6-2.5s2.8-8.1,2.8-8.2 C17,1,18.3,0,20,0V800z"></path></pattern></defs><rect fill="url(#koros_beat-70)" width="100%" height="85"></rect></svg></div><div class="Koros-module_koros__1r3rg" style="margin-bottom:var(--spacing-xs"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_pulse-71" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-5.1,0-5.1,6.4-10,6.4S4.9,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_pulse-71)" width="100%" height="85"></rect></svg></div><div class="Koros-module_koros__1r3rg" style="margin-bottom:var(--spacing-xs"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_vibration-72" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><polygon transform="scale(5.3)" points="0,800 20,800 20,0 9.8,10.1 0,0 "></polygon></pattern></defs><rect fill="url(#koros_vibration-72)" width="100%" height="85"></rect></svg></div><div class="Koros-module_koros__1r3rg" style="margin-bottom:var(--spacing-xs"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_wave-73" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M20,800V0c-2.3,5.5-8.7,8.1-14.3,5.7C3.1,4.7,1.2,2.6,0,0v800H20z"></path></pattern></defs><rect fill="url(#koros_wave-73)" width="100%" height="85"></rect></svg></div><div class="Koros-module_koros__1r3rg"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_calm-74" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M788 0.279785H0V109.739H788V0.279785Z"></path></pattern></defs><rect fill="url(#koros_calm-74)" width="100%" height="85"></rect></svg></div></div></div>
 <h4 id="dense" style="position:relative" class="page-heading-4 heading-s">Dense<a href="#dense" aria-label="dense permalink" class="header-anchor after"><span><span class="hds-anchor-icon hds-icon hds-icon--link hds-icon--size-xs" aria-hidden="true" style="vertical-align: middle"></span></span></a></h4>
 <p>The dense Koro variant introduces a smaller wave size with the same shapes. You can choose either the Default or the Dense variant for your project. Read more about Koro usage on the <a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F" href="/hds-demo/header-custom-theme-site/foundation/visual-assets/wave-motifs">HDS Foundation - Wave motifs page</a>.</p>
-<div class="playground-block-preview playground-block-preview-light"><div role="img" aria-label="Wave motif, dense variant shape examples"><div class="Koros-module_koros__1r3rg" style="margin-bottom:var(--spacing-xs"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-74" x="0" y="0" width="35" height="85" patternUnits="userSpaceOnUse"><path transform="scale(1.8)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-74)" width="100%" height="85"></rect></svg></div><div class="Koros-module_koros__1r3rg" style="margin-bottom:var(--spacing-xs"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_beat-75" x="0" y="0" width="35" height="85" patternUnits="userSpaceOnUse"><path transform="scale(1.8)" d="M20,800H0V0c2.8,0,3.5,2.3,3.5,2.3l2.8,8.4c0.6,1.5,1.9,2.5,3.6,2.5c2.8,0,3.6-2.5,3.6-2.5s2.8-8.1,2.8-8.2 C17,1,18.3,0,20,0V800z"></path></pattern></defs><rect fill="url(#koros_beat-75)" width="100%" height="85"></rect></svg></div><div class="Koros-module_koros__1r3rg" style="margin-bottom:var(--spacing-xs"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_pulse-76" x="0" y="0" width="35" height="85" patternUnits="userSpaceOnUse"><path transform="scale(1.8)" d="M0,800h20V0c-5.1,0-5.1,6.4-10,6.4S4.9,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_pulse-76)" width="100%" height="85"></rect></svg></div><div class="Koros-module_koros__1r3rg" style="margin-bottom:var(--spacing-xs"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_vibration-77" x="0" y="0" width="35" height="85" patternUnits="userSpaceOnUse"><polygon transform="scale(1.8)" points="0,800 20,800 20,0 9.8,10.1 0,0 "></polygon></pattern></defs><rect fill="url(#koros_vibration-77)" width="100%" height="85"></rect></svg></div><div class="Koros-module_koros__1r3rg" style="margin-bottom:var(--spacing-xs"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_wave-78" x="0" y="0" width="35" height="85" patternUnits="userSpaceOnUse"><path transform="scale(1.8)" d="M20,800V0c-2.3,5.5-8.7,8.1-14.3,5.7C3.1,4.7,1.2,2.6,0,0v800H20z"></path></pattern></defs><rect fill="url(#koros_wave-78)" width="100%" height="85"></rect></svg></div><div class="Koros-module_koros__1r3rg"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_calm-79" x="0" y="0" width="35" height="85" patternUnits="userSpaceOnUse"><path transform="scale(1.8)" d="M788 0.279785H0V109.739H788V0.279785Z"></path></pattern></defs><rect fill="url(#koros_calm-79)" width="100%" height="85"></rect></svg></div></div></div>
+<div class="playground-block-preview playground-block-preview-light"><div role="img" aria-label="Wave motif, dense variant shape examples"><div class="Koros-module_koros__1r3rg" style="margin-bottom:var(--spacing-xs"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-75" x="0" y="0" width="35" height="85" patternUnits="userSpaceOnUse"><path transform="scale(1.8)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-75)" width="100%" height="85"></rect></svg></div><div class="Koros-module_koros__1r3rg" style="margin-bottom:var(--spacing-xs"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_beat-76" x="0" y="0" width="35" height="85" patternUnits="userSpaceOnUse"><path transform="scale(1.8)" d="M20,800H0V0c2.8,0,3.5,2.3,3.5,2.3l2.8,8.4c0.6,1.5,1.9,2.5,3.6,2.5c2.8,0,3.6-2.5,3.6-2.5s2.8-8.1,2.8-8.2 C17,1,18.3,0,20,0V800z"></path></pattern></defs><rect fill="url(#koros_beat-76)" width="100%" height="85"></rect></svg></div><div class="Koros-module_koros__1r3rg" style="margin-bottom:var(--spacing-xs"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_pulse-77" x="0" y="0" width="35" height="85" patternUnits="userSpaceOnUse"><path transform="scale(1.8)" d="M0,800h20V0c-5.1,0-5.1,6.4-10,6.4S4.9,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_pulse-77)" width="100%" height="85"></rect></svg></div><div class="Koros-module_koros__1r3rg" style="margin-bottom:var(--spacing-xs"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_vibration-78" x="0" y="0" width="35" height="85" patternUnits="userSpaceOnUse"><polygon transform="scale(1.8)" points="0,800 20,800 20,0 9.8,10.1 0,0 "></polygon></pattern></defs><rect fill="url(#koros_vibration-78)" width="100%" height="85"></rect></svg></div><div class="Koros-module_koros__1r3rg" style="margin-bottom:var(--spacing-xs"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_wave-79" x="0" y="0" width="35" height="85" patternUnits="userSpaceOnUse"><path transform="scale(1.8)" d="M20,800V0c-2.3,5.5-8.7,8.1-14.3,5.7C3.1,4.7,1.2,2.6,0,0v800H20z"></path></pattern></defs><rect fill="url(#koros_wave-79)" width="100%" height="85"></rect></svg></div><div class="Koros-module_koros__1r3rg"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_calm-80" x="0" y="0" width="35" height="85" patternUnits="userSpaceOnUse"><path transform="scale(1.8)" d="M788 0.279785H0V109.739H788V0.279785Z"></path></pattern></defs><rect fill="url(#koros_calm-80)" width="100%" height="85"></rect></svg></div></div></div>
 <h4 id="angled" style="position:relative" class="page-heading-4 heading-s">Angled<a href="#angled" aria-label="angled permalink" class="header-anchor after"><span><span class="hds-anchor-icon hds-icon hds-icon--link hds-icon--size-xs" aria-hidden="true" style="vertical-align: middle"></span></span></a></h4>
 <p>Koro shapes can be angled in 45 degree increments. The allowed angle properties are <code>45deg</code>, <code>90deg</code>, <code>135deg</code>, <code>180deg</code>, <code>225deg</code>, <code>270deg</code> and <code>315deg</code>. Angles outside of these options should be avoided.</p>
 <!-- -->
-<div class="playground-block-preview playground-block-preview-light"><div role="img" aria-label="Wave motif, angled variation example"><div style="--koros-height:85px;--hero-height:300px;--hero-width:100%;background-color:var(--color-silver-light);height:var(--hero-height);max-width:100%;overflow:hidden;position:relative;width:var(--hero-width)"><div style="background-color:var(--color-coat-of-arms);clip-path:polygon(0 0, var(--hero-height) 0, 0 100%, 0% 100%);height:100%"></div><div class="Koros-module_koros__1r3rg Koros-module_rotate__3Iy1a" style="fill:var(--color-coat-of-arms);left:calc(-1 * var(--koros-height));position:absolute;top:var(--koros-height);transform-origin:center;width:calc(2 * var(--hero-height));transform:rotate(135deg) translateZ(0)"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-80" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-80)" width="100%" height="85"></rect></svg></div></div></div></div></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-81" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-81)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
+<div class="playground-block-preview playground-block-preview-light"><div role="img" aria-label="Wave motif, angled variation example"><div style="--koros-height:85px;--hero-height:300px;--hero-width:100%;background-color:var(--color-silver-light);height:var(--hero-height);max-width:100%;overflow:hidden;position:relative;width:var(--hero-width)"><div style="background-color:var(--color-coat-of-arms);clip-path:polygon(0 0, var(--hero-height) 0, 0 100%, 0% 100%);height:100%"></div><div class="Koros-module_koros__1r3rg Koros-module_rotate__3Iy1a" style="fill:var(--color-coat-of-arms);left:calc(-1 * var(--koros-height));position:absolute;top:var(--koros-height);transform-origin:center;width:calc(2 * var(--hero-height));transform:rotate(135deg) translateZ(0)"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-81" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-81)" width="100%" height="85"></rect></svg></div></div></div></div></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-82" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-82)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
     window.dev = undefined
     if (window.dev === true || !(navigator.doNotTrack === '1' || window.doNotTrack === '1')) {
       window._paq = window._paq || [];
@@ -109,6 +109,6 @@ <h4 id="angled" style="position:relative" class="page-heading-4 heading-s">Angle
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/components/koros/tabs/index.html b/docs/header-custom-theme-site/components/koros/tabs/index.html
index 90d6a72595..d47d53b054 100644
--- a/docs/header-custom-theme-site/components/koros/tabs/index.html
+++ b/docs/header-custom-theme-site/components/koros/tabs/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Koros"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Koros"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -55,7 +55,7 @@
   </script><link rel="manifest" href="/hds-demo/header-custom-theme-site/manifest.webmanifest" crossorigin="anonymous"/><link rel="apple-touch-icon" sizes="any" href="/hds-demo/header-custom-theme-site/favicon/light/favicon-32x32.ico"/><link rel="apple-touch-icon" href="/hds-demo/header-custom-theme-site/favicon/light/apple-touch-icon.png"/><link rel="apple-touch-icon" sizes="192x192" href="/hds-demo/header-custom-theme-site/favicon/light/favicon-192x192.png"/><link rel="apple-touch-icon" sizes="512x512" href="/hds-demo/header-custom-theme-site/favicon/light/favicon-512x512.png"/><link rel="preconnect" href="https://webanalytics.digiaiiris.com/js"/></head><body><div id="___gatsby"><div style="outline:none" tabindex="-1" id="gatsby-focus-wrapper"><div class="page text-body"><header id="page-header" class="Navigation-module_header__2HNOX Navigation-module_theme-light__36nmi pageHeader"><a class="Navigation-module_skipToContent__2p54x" href="#content">Skip to content</a><div class="visible-module_belowM__2GR1J"><div class="Navigation-module_headerBackgroundWrapper__137R3"><div class="Navigation-module_headerContainer__2YPsu"><a class="Navigation-module_title__3zRBe" href="https://hds.hel.fi" aria-label="Helsinki: Helsinki Design System"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Navigation-module_logo__1sEy6" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg><span><div class="page-header-title"><div>Helsinki Design System</div><div class="page-header-title-badge"><img style="filter:invert(1)" alt="HDS version number: 2.15.0" src="https://img.shields.io/github/v/release/City-of-Helsinki/helsinki-design-system?label=&amp;style=for-the-badge&amp;color=1a1a1a"/></div></div></span></a><button aria-label="menu" aria-haspopup="true" aria-expanded="false" type="button" class="Navigation-module_mobileMenuToggle__1v6en"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="menu-hamburger" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M22 17V19H2V17H22ZM22 11V13H2V11H22ZM22 5V7H2V5H22Z" fill="currentColor"></path></svg></button></div></div></div><div class="visible-module_aboveM__31mn_"><div class="Navigation-module_headerBackgroundWrapper__137R3"><div class="Navigation-module_headerContainer__2YPsu"><a class="Navigation-module_title__3zRBe" href="https://hds.hel.fi" aria-label="Helsinki: Helsinki Design System"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Navigation-module_logo__1sEy6" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg><span><div class="page-header-title"><div>Helsinki Design System</div><div class="page-header-title-badge"><img style="filter:invert(1)" alt="HDS version number: 2.15.0" src="https://img.shields.io/github/v/release/City-of-Helsinki/helsinki-design-system?label=&amp;style=for-the-badge&amp;color=1a1a1a"/></div></div></span></a><div class="Navigation-module_headerContent__3zHbK"></div></div></div><nav class="NavigationRow-module_navigation__24tui NavigationRow-module_subNav__3fDXv" aria-label="Site navigation"><a class="NavigationItem-module_rowItem__2QxRz" href="/hds-demo/header-custom-theme-site/getting-started/"><span class="NavigationItem-module_label__1UsXG button_hds-button__label__3r3Mi">Getting started</span></a><a class="NavigationItem-module_rowItem__2QxRz" href="/hds-demo/header-custom-theme-site/foundation/"><span class="NavigationItem-module_label__1UsXG button_hds-button__label__3r3Mi">Foundation</span></a><a aria-current="page" class="NavigationItem-module_rowItem__2QxRz NavigationItem-module_active__3Ckcw" href="/hds-demo/header-custom-theme-site/components/"><span class="NavigationItem-module_label__1UsXG button_hds-button__label__3r3Mi">Components</span></a><a class="NavigationItem-module_rowItem__2QxRz" href="/hds-demo/header-custom-theme-site/patterns/"><span class="NavigationItem-module_label__1UsXG button_hds-button__label__3r3Mi">Patterns</span></a><a class="NavigationItem-module_rowItem__2QxRz" href="/hds-demo/header-custom-theme-site/about/"><span class="NavigationItem-module_label__1UsXG button_hds-button__label__3r3Mi">About</span></a></nav></div></header><div class="page-content"><aside class="side-content"><nav class="SideNavigation-module_sideNavigation__3X-9P" id="side-navigation" aria-label="Components"><button type="button" class="Button-module_button__1msFE button_hds-button__2A0je Button-module_secondary__1nABp button_hds-button--secondary__1NOWS Button-module_fullWidth__31eVK button_hds-button--fullwidth__1_hG9 SideNavigation-module_toggleButton__10tXH" aria-controls="side-navigation-menu" aria-expanded="false" aria-haspopup="true"><span class="Button-module_label__a4np1 button_hds-button__label__2EQa-">Navigate to page</span><div class="Button-module_icon__O-h7R button_hds-icon__17j8Z" aria-hidden="true"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-down" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 13.5L17 8.5L18.5 10L12 16.5L5.5 10L7 8.5L12 13.5Z" fill="currentColor"></path></svg></div></button><ul class="SideNavigation-module_mainLevelList__SLZKQ" aria-label="Navigate to page" id="side-navigation-menu"><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Overview" id="side-nav-components" href="/hds-demo/header-custom-theme-site/components"><span class="MainLevel-module_label__uWKJ7">Overview</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Accordion" id="side-nav-components-accordion" href="/hds-demo/header-custom-theme-site/components/accordion"><span class="MainLevel-module_label__uWKJ7">Accordion</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Breadcrumb" id="side-nav-components-breadcrumb" href="/hds-demo/header-custom-theme-site/components/breadcrumb"><span class="MainLevel-module_label__uWKJ7">Breadcrumb</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Button" id="side-nav-components-buttons" href="/hds-demo/header-custom-theme-site/components/buttons"><span class="MainLevel-module_label__uWKJ7">Button</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Card" id="side-nav-components-card" href="/hds-demo/header-custom-theme-site/components/card"><span class="MainLevel-module_label__uWKJ7">Card</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Checkbox" id="side-nav-components-checkbox" href="/hds-demo/header-custom-theme-site/components/checkbox"><span class="MainLevel-module_label__uWKJ7">Checkbox</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="CookieConsent" id="side-nav-components-cookie-consent" href="/hds-demo/header-custom-theme-site/components/cookie-consent"><span class="MainLevel-module_label__uWKJ7">CookieConsent</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="DateInput" id="side-nav-components-date-input" href="/hds-demo/header-custom-theme-site/components/date-input"><span class="MainLevel-module_label__uWKJ7">DateInput</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Dialog" id="side-nav-components-dialog" href="/hds-demo/header-custom-theme-site/components/dialog"><span class="MainLevel-module_label__uWKJ7">Dialog</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Dropdown" id="side-nav-components-dropdown" href="/hds-demo/header-custom-theme-site/components/dropdown"><span class="MainLevel-module_label__uWKJ7">Dropdown</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Fieldset" id="side-nav-components-fieldset" href="/hds-demo/header-custom-theme-site/components/fieldset"><span class="MainLevel-module_label__uWKJ7">Fieldset</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="FileInput" id="side-nav-components-file-input" href="/hds-demo/header-custom-theme-site/components/file-input"><span class="MainLevel-module_label__uWKJ7">FileInput</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Footer" id="side-nav-components-footer" href="/hds-demo/header-custom-theme-site/components/footer"><span class="MainLevel-module_label__uWKJ7">Footer</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Header" id="side-nav-components-header" href="/hds-demo/header-custom-theme-site/components/header"><span class="MainLevel-module_label__uWKJ7">Header</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Hero" id="side-nav-components-hero" href="/hds-demo/header-custom-theme-site/components/hero"><span class="MainLevel-module_label__uWKJ7">Hero</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Highlight" id="side-nav-components-highlight" href="/hds-demo/header-custom-theme-site/components/highlight"><span class="MainLevel-module_label__uWKJ7">Highlight</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Icon" id="side-nav-components-icon" href="/hds-demo/header-custom-theme-site/components/icon"><span class="MainLevel-module_label__uWKJ7">Icon</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_active__3IkdI MainLevel-module_open__2yWFj"><a aria-current="page" aria-label="Koros" id="side-nav-components-koros" href="/hds-demo/header-custom-theme-site/components/koros"><span class="MainLevel-module_label__uWKJ7">Koros</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Link" id="side-nav-components-link" href="/hds-demo/header-custom-theme-site/components/link"><span class="MainLevel-module_label__uWKJ7">Link</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Linkbox" id="side-nav-components-linkbox" href="/hds-demo/header-custom-theme-site/components/linkbox"><span class="MainLevel-module_label__uWKJ7">Linkbox</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="LoadingSpinner" id="side-nav-components-loading-spinner" href="/hds-demo/header-custom-theme-site/components/loading-spinner"><span class="MainLevel-module_label__uWKJ7">LoadingSpinner</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Logo" id="side-nav-components-logo" href="/hds-demo/header-custom-theme-site/components/logo"><span class="MainLevel-module_label__uWKJ7">Logo</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Navigation" id="side-nav-components-navigation" href="/hds-demo/header-custom-theme-site/components/navigation"><span class="MainLevel-module_label__uWKJ7">Navigation</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Notification" id="side-nav-components-notification" href="/hds-demo/header-custom-theme-site/components/notification"><span class="MainLevel-module_label__uWKJ7">Notification</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="NumberInput" id="side-nav-components-number-input" href="/hds-demo/header-custom-theme-site/components/number-input"><span class="MainLevel-module_label__uWKJ7">NumberInput</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Pagination" id="side-nav-components-pagination" href="/hds-demo/header-custom-theme-site/components/pagination"><span class="MainLevel-module_label__uWKJ7">Pagination</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="PasswordInput" id="side-nav-components-password-input" href="/hds-demo/header-custom-theme-site/components/password-input"><span class="MainLevel-module_label__uWKJ7">PasswordInput</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="PhoneInput" id="side-nav-components-phone-input" href="/hds-demo/header-custom-theme-site/components/phone-input"><span class="MainLevel-module_label__uWKJ7">PhoneInput</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="RadioButton" id="side-nav-components-radio-button" href="/hds-demo/header-custom-theme-site/components/radio-button"><span class="MainLevel-module_label__uWKJ7">RadioButton</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="SearchInput" id="side-nav-components-search-input" href="/hds-demo/header-custom-theme-site/components/search-input"><span class="MainLevel-module_label__uWKJ7">SearchInput</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="SelectionGroup" id="side-nav-components-selection-group" href="/hds-demo/header-custom-theme-site/components/selection-group"><span class="MainLevel-module_label__uWKJ7">SelectionGroup</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="SideNavigation" id="side-nav-components-side-navigation" href="/hds-demo/header-custom-theme-site/components/side-navigation"><span class="MainLevel-module_label__uWKJ7">SideNavigation</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="StatusLabel" id="side-nav-components-status-label" href="/hds-demo/header-custom-theme-site/components/status-label"><span class="MainLevel-module_label__uWKJ7">StatusLabel</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="StepByStep" id="side-nav-components-step-by-step" href="/hds-demo/header-custom-theme-site/components/step-by-step"><span class="MainLevel-module_label__uWKJ7">StepByStep</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Stepper" id="side-nav-components-stepper" href="/hds-demo/header-custom-theme-site/components/stepper"><span class="MainLevel-module_label__uWKJ7">Stepper</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Table" id="side-nav-components-table" href="/hds-demo/header-custom-theme-site/components/table"><span class="MainLevel-module_label__uWKJ7">Table</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Tabs" id="side-nav-components-tabs" href="/hds-demo/header-custom-theme-site/components/tabs"><span class="MainLevel-module_label__uWKJ7">Tabs</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Tag" id="side-nav-components-tag" href="/hds-demo/header-custom-theme-site/components/tag"><span class="MainLevel-module_label__uWKJ7">Tag</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="TextArea" id="side-nav-components-text-area" href="/hds-demo/header-custom-theme-site/components/text-area"><span class="MainLevel-module_label__uWKJ7">TextArea</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="TextInput" id="side-nav-components-text-input" href="/hds-demo/header-custom-theme-site/components/text-input"><span class="MainLevel-module_label__uWKJ7">TextInput</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="TimeInput" id="side-nav-components-time-input" href="/hds-demo/header-custom-theme-site/components/time-input"><span class="MainLevel-module_label__uWKJ7">TimeInput</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="ToggleButton" id="side-nav-components-toggle-button" href="/hds-demo/header-custom-theme-site/components/toggle-button"><span class="MainLevel-module_label__uWKJ7">ToggleButton</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Tooltip" id="side-nav-components-tooltip" href="/hds-demo/header-custom-theme-site/components/tooltip"><span class="MainLevel-module_label__uWKJ7">Tooltip</span></a></li></ul></nav></aside><main id="content" class="main-content"><h1 id="koros" style="position:relative" class="page-heading-1 heading-xl-mobile">Koros<a href="#koros" aria-label="koros permalink" class="header-anchor after"><span><span class="hds-anchor-icon hds-icon hds-icon--link hds-icon--size-xs" aria-hidden="true" style="vertical-align: middle"></span></span></a></h1>
 <div class="status-label-description"><span class="StatusLabel-module_statusLabel__3R2J2 status-label_hds-status-label__1L8YI StatusLabel-module_info__3YrAe status-label_hds-status-label--info__J28-H">Stable</span><span class="StatusLabel-module_statusLabel__3R2J2 status-label_hds-status-label__1L8YI StatusLabel-module_success__2BfdX status-label_hds-status-label--success__3jiST" style="margin-left:var(--spacing-xs)">Accessible</span><div class="Tooltip-module_root__1Yo9t status-label-tooltip"><button type="button" class="Tooltip-module_button__2x9m0" title="Tooltip" aria-label="Tooltip" aria-expanded="false"><span aria-hidden="true"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="question-circle" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2ZM12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4ZM13 16V18H11V16H13ZM12.0437 5.75C14.0343 5.75 15.7173 7.29464 15.7173 9.42361C15.7173 10.7806 15.2461 11.489 14.161 12.306L13.9187 12.4844C13.1753 13.0295 12.9556 13.3359 12.9386 14.142L12.9375 14.25H10.9375C10.9375 12.6746 11.4591 11.8378 12.6143 10.9622L12.8618 10.7796C13.5685 10.2628 13.7173 10.0539 13.7173 9.42361C13.7173 8.43934 12.9662 7.75 12.0437 7.75C11.1907 7.75 10.4785 8.34077 10.3816 9.20835L10.3734 9.30587L8.37663 9.19182C8.49191 7.17347 10.1344 5.75 12.0437 5.75Z" fill="currentColor"></path></svg></span></button></div></div>
 <p style="font-size:var(--fontsize-body-xl);color:var(--color-black-90);max-width:600px">Koros, also known as Wave motifs, are part of the visual identity of City of Helsinki. The Koros can be used as visual elements, for example as part of the hero image or the footer and as a divider of content in the user interface.</p>
-<div class="Tabs-module_tabs__2Ww5F"><div class="Tabs-module_tablistBar__elMv9 page-tabs-list"><div class="Tabs-module_scrollButton__3ufhP" aria-hidden="true"><button type="button" tabindex="-1"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-left" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.5 12L15.5 17L14 18.5L7.5 12L14 5.5L15.5 7L10.5 12Z" fill="currentColor"></path></svg></button></div><div class="Tabs-module_tablist__1iuDO"><ul role="tablist" style="width:0px"><li role="tab" aria-selected="true" aria-controls="tab-0-panel" tabindex="0" id="tab-0-button" class="Tabs-module_tab__3oOoX Tabs-module_active__1Ic3B"><span>Usage</span></li><li role="tab" aria-selected="false" aria-controls="tab-1-panel" tabindex="-1" id="tab-1-button" class="Tabs-module_tab__3oOoX"><span>Code</span></li><li role="tab" aria-selected="false" aria-controls="tab-2-panel" tabindex="-1" id="tab-2-button" class="Tabs-module_tab__3oOoX"><span>Accessibility</span></li><li role="tab" aria-selected="false" aria-controls="tab-3-panel" tabindex="-1" id="tab-3-button" class="Tabs-module_tab__3oOoX"><span>Customisation</span></li></ul></div><div class="Tabs-module_scrollButton__3ufhP" aria-hidden="true"><button type="button" tabindex="-1"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-right" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.5 12L8.5 7L10 5.5L16.5 12L10 18.5L8.5 17L13.5 12Z" fill="currentColor"></path></svg></button></div></div><div id="tab-0-panel" role="tabpanel" aria-labelledby="tab-0-button"></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-82" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-82)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
+<div class="Tabs-module_tabs__2Ww5F"><div class="Tabs-module_tablistBar__elMv9 page-tabs-list"><div class="Tabs-module_scrollButton__3ufhP" aria-hidden="true"><button type="button" tabindex="-1"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-left" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.5 12L15.5 17L14 18.5L7.5 12L14 5.5L15.5 7L10.5 12Z" fill="currentColor"></path></svg></button></div><div class="Tabs-module_tablist__1iuDO"><ul role="tablist" style="width:0px"><li role="tab" aria-selected="true" aria-controls="tab-0-panel" tabindex="0" id="tab-0-button" class="Tabs-module_tab__3oOoX Tabs-module_active__1Ic3B"><span>Usage</span></li><li role="tab" aria-selected="false" aria-controls="tab-1-panel" tabindex="-1" id="tab-1-button" class="Tabs-module_tab__3oOoX"><span>Code</span></li><li role="tab" aria-selected="false" aria-controls="tab-2-panel" tabindex="-1" id="tab-2-button" class="Tabs-module_tab__3oOoX"><span>Accessibility</span></li><li role="tab" aria-selected="false" aria-controls="tab-3-panel" tabindex="-1" id="tab-3-button" class="Tabs-module_tab__3oOoX"><span>Customisation</span></li></ul></div><div class="Tabs-module_scrollButton__3ufhP" aria-hidden="true"><button type="button" tabindex="-1"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-right" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.5 12L8.5 7L10 5.5L16.5 12L10 18.5L8.5 17L13.5 12Z" fill="currentColor"></path></svg></button></div></div><div id="tab-0-panel" role="tabpanel" aria-labelledby="tab-0-button"></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-67" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-67)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
     window.dev = undefined
     if (window.dev === true || !(navigator.doNotTrack === '1' || window.doNotTrack === '1')) {
       window._paq = window._paq || [];
@@ -83,6 +83,6 @@
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/components/link/accessibility/index.html b/docs/header-custom-theme-site/components/link/accessibility/index.html
index 513e2fa994..92b9780187 100644
--- a/docs/header-custom-theme-site/components/link/accessibility/index.html
+++ b/docs/header-custom-theme-site/components/link/accessibility/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Link - Accessibility"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Link - Accessibility"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -109,6 +109,6 @@ <h3 id="pay-attention-to" style="position:relative" class="page-heading-3 headin
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/components/link/code/index.html b/docs/header-custom-theme-site/components/link/code/index.html
index 8427069cc2..d2346416e8 100644
--- a/docs/header-custom-theme-site/components/link/code/index.html
+++ b/docs/header-custom-theme-site/components/link/code/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Link - Code"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Link - Code"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -377,6 +377,6 @@ <h3 id="properties" style="position:relative" class="page-heading-3 heading-m">P
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/components/link/index.html b/docs/header-custom-theme-site/components/link/index.html
index 8d3373bf3d..b4702fcbb9 100644
--- a/docs/header-custom-theme-site/components/link/index.html
+++ b/docs/header-custom-theme-site/components/link/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Link"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Link"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -122,6 +122,6 @@ <h4 id="links-with-icons" style="position:relative" class="page-heading-4 headin
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/components/link/tabs/index.html b/docs/header-custom-theme-site/components/link/tabs/index.html
index 06ed425032..19c95f8c65 100644
--- a/docs/header-custom-theme-site/components/link/tabs/index.html
+++ b/docs/header-custom-theme-site/components/link/tabs/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Link"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Link"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -83,6 +83,6 @@
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/components/linkbox/accessibility/index.html b/docs/header-custom-theme-site/components/linkbox/accessibility/index.html
index a8a7179ddb..07aef18f57 100644
--- a/docs/header-custom-theme-site/components/linkbox/accessibility/index.html
+++ b/docs/header-custom-theme-site/components/linkbox/accessibility/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Linkbox - Accessibility"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Linkbox - Accessibility"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -60,7 +60,7 @@ <h3 id="pay-attention-to" style="position:relative" class="page-heading-3 headin
 <ul>
 <li>Linkbox must have the link as its last element (in the DOM tree). This way assistive technologies will eventually find the Linkbox link.</li>
 <li>The colour contrast between the Linkbox and its background must comply with <a aria-label="WCAG AA Level contrast ratios. Opens a different website." class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F" href="https://www.w3.org/TR/WCAG21/#contrast-minimum">WCAG AA Level contrast ratios<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik Link-module_icon__3ReCc link_icon__i_HqN Link-module_verticalAlignMediumIcon__12PVa link_vertical-align-medium-icon__3IWi1" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="link-external" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M5 3V19H21V21H3V3H5ZM21 3V12H19V6.413L9.91421 15.5L8.5 14.0858L17.585 5H12V3H21Z" fill="currentColor"></path></svg></a>. If needed, you may use a Linkbox border to increase the contrast to its background.</li>
-</ul></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-41" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-41)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
+</ul></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-42" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-42)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
     window.dev = undefined
     if (window.dev === true || !(navigator.doNotTrack === '1' || window.doNotTrack === '1')) {
       window._paq = window._paq || [];
@@ -88,6 +88,6 @@ <h3 id="pay-attention-to" style="position:relative" class="page-heading-3 headin
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/components/linkbox/code/index.html b/docs/header-custom-theme-site/components/linkbox/code/index.html
index a4e3cd04cf..90d31bf3c1 100644
--- a/docs/header-custom-theme-site/components/linkbox/code/index.html
+++ b/docs/header-custom-theme-site/components/linkbox/code/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Linkbox - Code"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Linkbox - Code"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -502,7 +502,7 @@ <h3 id="packages" style="position:relative" class="page-heading-3 heading-m">Pac
 <div class="hds-table-container" tabindex="0"><table class="hds-table hds-table--dark" aria-label="Service users (dark variant)"><thead><tr class="hds-table__header-row dark"><th scope="col">Package</th><th scope="col">Included</th><th scope="col">Storybook link</th><th scope="col">Source link</th></tr></thead><tbody class="hds-table__content"><tr><td><strong>HDS React</strong></td><td><div style="display:flex;gap:var(--spacing-3-xs)"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="check-circle-fill" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3ZM16.5 8L18 9.5L10.5 17L6 12.5L7.5 11L10.5 14L16.5 8Z" fill="currentColor"></path></svg> Yes </div></td><td><a aria-label="View in Storybook. Opens in a new tab" class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F" href="/storybook/react/?path=/story/components-linkbox-empty-for-custom-content--default" target="_blank" rel="noopener">View in Storybook</a></td><td><a aria-label="View source. Opens in a new tab Opens a different website." class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F" href="https://github.com/City-of-Helsinki/helsinki-design-system/tree/master/packages/react/src/components/link" target="_blank" rel="noopener">View source<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik Link-module_icon__3ReCc link_icon__i_HqN Link-module_verticalAlignMediumIcon__12PVa link_vertical-align-medium-icon__3IWi1" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="link-external" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M5 3V19H21V21H3V3H5ZM21 3V12H19V6.413L9.91421 15.5L8.5 14.0858L17.585 5H12V3H21Z" fill="currentColor"></path></svg></a></td></tr><tr><td><strong>HDS Core</strong></td><td><div style="display:flex;gap:var(--spacing-3-xs)"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="cross-circle" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2ZM12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4ZM15 7.5L16.5 9L13.5 12L16.5 15L15 16.5L12 13.5L9 16.5L7.5 15L10.5 12L7.5 9L9 7.5L12 10.5L15 7.5Z" fill="currentColor"></path></svg> No </div></td><td>-</td><td>-</td></tr></tbody></table></div>
 <h3 id="properties" style="position:relative" class="page-heading-3 heading-m">Properties<a href="#properties" aria-label="properties permalink" class="header-anchor after"><span><span class="hds-anchor-icon hds-icon hds-icon--link hds-icon--size-xs" aria-hidden="true" style="vertical-align: middle"></span></span></a></h3>
 <p>Note! You can find the full list of properties in the <a aria-label="React Storybook. Opens in a new tab" class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F" href="/storybook/react/?path=/story/components-linkbox-empty-for-custom-content--default" target="_blank" rel="noopener">React Storybook.</a></p>
-<div class="hds-table-container" tabindex="0"><table class="hds-table hds-table--dark" aria-label="Service users (dark variant)"><thead><tr class="hds-table__header-row dark"><th scope="col">Property</th><th scope="col">Description</th><th scope="col">Values</th><th scope="col">Default value</th></tr></thead><tbody class="hds-table__content"><tr><td><code>heading</code></td><td>Heading of the Linkbox (uses the built-in heading)</td><td><code>string</code></td><td>-</td></tr><tr><td><code>headingAriaLevel</code></td><td>Controls the aria-level of the built-in heading.</td><td><code>number</code></td><td>2</td></tr><tr><td><code>external</code></td><td>If set to true, the link is marked as external (points outside of the domain).</td><td><code>boolean</code></td><td>false</td></tr><tr><td><code>openInExternalDomainAriaLabel</code></td><td>Aria-label which is read if the link is external.</td><td><code>string</code></td><td>-</td></tr><tr><td><code>openInNewTab</code></td><td>If set to true, the link opens in a new tab.</td><td><code>boolean</code></td><td>false</td></tr><tr><td><code>openInNewTabAriaLabel</code></td><td>Aria-label which is read if the link is opened in a new tab.</td><td><code>string</code></td><td>-</td></tr><tr><td><code>size</code></td><td>Controls the size of the Linkbox.</td><td><code>&quot;small&quot;</code>, <code>&quot;medium&quot;</code>, <code>&quot;large&quot;</code></td><td><code>&quot;medium&quot;</code></td></tr><tr><td><code>href</code></td><td>Hypertext reference of the link.</td><td><code>string</code></td><td>-</td></tr><tr><td><code>linkAriaLabel</code></td><td>Aria-label for the link (arrow or external icon) that is located at the bottom of the linkbox.</td><td><code>string</code></td><td>-</td></tr><tr><td><code>linkboxAriaLabel</code></td><td>Aria label for the whole linkbox region. Remember to tell users of assistive technology that they are inside a linkbox. Check storybook examples on how it can be done.</td><td><code>string</code></td><td>-</td></tr><tr><td><code>border</code></td><td>If set to true, a border will be drawn around the card.</td><td><code>boolean</code></td><td>false</td></tr></tbody></table></div></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-42" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-42)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
+<div class="hds-table-container" tabindex="0"><table class="hds-table hds-table--dark" aria-label="Service users (dark variant)"><thead><tr class="hds-table__header-row dark"><th scope="col">Property</th><th scope="col">Description</th><th scope="col">Values</th><th scope="col">Default value</th></tr></thead><tbody class="hds-table__content"><tr><td><code>heading</code></td><td>Heading of the Linkbox (uses the built-in heading)</td><td><code>string</code></td><td>-</td></tr><tr><td><code>headingAriaLevel</code></td><td>Controls the aria-level of the built-in heading.</td><td><code>number</code></td><td>2</td></tr><tr><td><code>external</code></td><td>If set to true, the link is marked as external (points outside of the domain).</td><td><code>boolean</code></td><td>false</td></tr><tr><td><code>openInExternalDomainAriaLabel</code></td><td>Aria-label which is read if the link is external.</td><td><code>string</code></td><td>-</td></tr><tr><td><code>openInNewTab</code></td><td>If set to true, the link opens in a new tab.</td><td><code>boolean</code></td><td>false</td></tr><tr><td><code>openInNewTabAriaLabel</code></td><td>Aria-label which is read if the link is opened in a new tab.</td><td><code>string</code></td><td>-</td></tr><tr><td><code>size</code></td><td>Controls the size of the Linkbox.</td><td><code>&quot;small&quot;</code>, <code>&quot;medium&quot;</code>, <code>&quot;large&quot;</code></td><td><code>&quot;medium&quot;</code></td></tr><tr><td><code>href</code></td><td>Hypertext reference of the link.</td><td><code>string</code></td><td>-</td></tr><tr><td><code>linkAriaLabel</code></td><td>Aria-label for the link (arrow or external icon) that is located at the bottom of the linkbox.</td><td><code>string</code></td><td>-</td></tr><tr><td><code>linkboxAriaLabel</code></td><td>Aria label for the whole linkbox region. Remember to tell users of assistive technology that they are inside a linkbox. Check storybook examples on how it can be done.</td><td><code>string</code></td><td>-</td></tr><tr><td><code>border</code></td><td>If set to true, a border will be drawn around the card.</td><td><code>boolean</code></td><td>false</td></tr></tbody></table></div></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-41" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-41)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
     window.dev = undefined
     if (window.dev === true || !(navigator.doNotTrack === '1' || window.doNotTrack === '1')) {
       window._paq = window._paq || [];
@@ -530,6 +530,6 @@ <h3 id="properties" style="position:relative" class="page-heading-3 heading-m">P
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/components/linkbox/index.html b/docs/header-custom-theme-site/components/linkbox/index.html
index aaac97063b..b462928373 100644
--- a/docs/header-custom-theme-site/components/linkbox/index.html
+++ b/docs/header-custom-theme-site/components/linkbox/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Linkbox"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Linkbox"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -129,6 +129,6 @@ <h4 id="linkbox-size-variants" style="position:relative" class="page-heading-4 h
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/components/linkbox/tabs/index.html b/docs/header-custom-theme-site/components/linkbox/tabs/index.html
index fb6e60fc03..5604b933a6 100644
--- a/docs/header-custom-theme-site/components/linkbox/tabs/index.html
+++ b/docs/header-custom-theme-site/components/linkbox/tabs/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Linkbox"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Linkbox"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -83,6 +83,6 @@
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/components/loading-spinner/accessibility/index.html b/docs/header-custom-theme-site/components/loading-spinner/accessibility/index.html
index f2fe32b5d2..665964f0ce 100644
--- a/docs/header-custom-theme-site/components/loading-spinner/accessibility/index.html
+++ b/docs/header-custom-theme-site/components/loading-spinner/accessibility/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | LoadingSpinner - Accessibility"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | LoadingSpinner - Accessibility"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -95,6 +95,6 @@ <h3 id="pay-attention-to" style="position:relative" class="page-heading-3 headin
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/components/loading-spinner/code/index.html b/docs/header-custom-theme-site/components/loading-spinner/code/index.html
index 17c3c8f5f9..f67c01c169 100644
--- a/docs/header-custom-theme-site/components/loading-spinner/code/index.html
+++ b/docs/header-custom-theme-site/components/loading-spinner/code/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | LoadingSpinner - Code"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | LoadingSpinner - Code"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -102,7 +102,7 @@ <h3 id="packages" style="position:relative" class="page-heading-3 heading-m">Pac
 <div class="hds-table-container" tabindex="0"><table class="hds-table hds-table--dark" aria-label="Service users (dark variant)"><thead><tr class="hds-table__header-row dark"><th scope="col">Package</th><th scope="col">Included</th><th scope="col">Storybook link</th><th scope="col">Source link</th></tr></thead><tbody class="hds-table__content"><tr><td><strong>HDS React</strong></td><td><div style="display:flex;gap:var(--spacing-3-xs)"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="check-circle-fill" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3ZM16.5 8L18 9.5L10.5 17L6 12.5L7.5 11L10.5 14L16.5 8Z" fill="currentColor"></path></svg> Yes </div></td><td><a aria-label="View in Storybook. Opens in a new tab" class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F" href="/storybook/react/?path=/story/components-loadingspinner--default" target="_blank" rel="noopener">View in Storybook</a></td><td><a aria-label="View source. Opens in a new tab Opens a different website." class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F" href="https://github.com/City-of-Helsinki/helsinki-design-system/tree/master/packages/react/src/components/loadingSpinner" target="_blank" rel="noopener">View source<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik Link-module_icon__3ReCc link_icon__i_HqN Link-module_verticalAlignMediumIcon__12PVa link_vertical-align-medium-icon__3IWi1" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="link-external" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M5 3V19H21V21H3V3H5ZM21 3V12H19V6.413L9.91421 15.5L8.5 14.0858L17.585 5H12V3H21Z" fill="currentColor"></path></svg></a></td></tr><tr><td><strong>HDS Core</strong></td><td><div style="display:flex;gap:var(--spacing-3-xs)"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="check-circle-fill" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3ZM16.5 8L18 9.5L10.5 17L6 12.5L7.5 11L10.5 14L16.5 8Z" fill="currentColor"></path></svg> Yes </div></td><td><a aria-label="View in Storybook. Opens in a new tab" class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F" href="/storybook/core/?path=/story/components-loading-spinner--default" target="_blank" rel="noopener">View in Storybook</a></td><td><a aria-label="View source. Opens in a new tab Opens a different website." class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F" href="https://github.com/City-of-Helsinki/helsinki-design-system/tree/master/packages/core/src/components/loading-spinner" target="_blank" rel="noopener">View source<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik Link-module_icon__3ReCc link_icon__i_HqN Link-module_verticalAlignMediumIcon__12PVa link_vertical-align-medium-icon__3IWi1" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="link-external" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M5 3V19H21V21H3V3H5ZM21 3V12H19V6.413L9.91421 15.5L8.5 14.0858L17.585 5H12V3H21Z" fill="currentColor"></path></svg></a></td></tr></tbody></table></div>
 <h3 id="properties" style="position:relative" class="page-heading-3 heading-m">Properties<a href="#properties" aria-label="properties permalink" class="header-anchor after"><span><span class="hds-anchor-icon hds-icon hds-icon--link hds-icon--size-xs" aria-hidden="true" style="vertical-align: middle"></span></span></a></h3>
 <p>Note! You can find the full list of properties in the <a aria-label="React Storybook. Opens in a new tab" class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F" href="/storybook/react/?path=/story/components-loadingspinner--default" target="_blank" rel="noopener">React Storybook.</a></p>
-<div class="hds-table-container" tabindex="0"><table class="hds-table hds-table--dark" aria-label="Service users (dark variant)"><thead><tr class="hds-table__header-row dark"><th scope="col">Property</th><th scope="col">Description</th><th scope="col">Values</th><th scope="col">Default value</th></tr></thead><tbody class="hds-table__content"><tr><td><code>multicolor</code></td><td>If set to true, the multicolour variant is used.</td><td><code>boolean</code></td><td>false</td></tr><tr><td><code>small</code></td><td>If set to true, the small variant is used.</td><td><code>boolean</code></td><td>false</td></tr><tr><td><code>loadingText</code></td><td>Text to show for screen readers when spinner is visible.</td><td><code>string</code></td><td>&quot;Page is loading&quot;</td></tr><tr><td><code>loadingFinishedText</code></td><td>Text to show for screen readers when spinner is removed.</td><td><code>string</code></td><td>&quot;Page has finished loading&quot;</td></tr></tbody></table></div></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-33" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-33)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
+<div class="hds-table-container" tabindex="0"><table class="hds-table hds-table--dark" aria-label="Service users (dark variant)"><thead><tr class="hds-table__header-row dark"><th scope="col">Property</th><th scope="col">Description</th><th scope="col">Values</th><th scope="col">Default value</th></tr></thead><tbody class="hds-table__content"><tr><td><code>multicolor</code></td><td>If set to true, the multicolour variant is used.</td><td><code>boolean</code></td><td>false</td></tr><tr><td><code>small</code></td><td>If set to true, the small variant is used.</td><td><code>boolean</code></td><td>false</td></tr><tr><td><code>loadingText</code></td><td>Text to show for screen readers when spinner is visible.</td><td><code>string</code></td><td>&quot;Page is loading&quot;</td></tr><tr><td><code>loadingFinishedText</code></td><td>Text to show for screen readers when spinner is removed.</td><td><code>string</code></td><td>&quot;Page has finished loading&quot;</td></tr></tbody></table></div></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-32" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-32)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
     window.dev = undefined
     if (window.dev === true || !(navigator.doNotTrack === '1' || window.doNotTrack === '1')) {
       window._paq = window._paq || [];
@@ -130,6 +130,6 @@ <h3 id="properties" style="position:relative" class="page-heading-3 heading-m">P
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/components/loading-spinner/customisation/index.html b/docs/header-custom-theme-site/components/loading-spinner/customisation/index.html
index 785f492d78..cf80e9edb1 100644
--- a/docs/header-custom-theme-site/components/loading-spinner/customisation/index.html
+++ b/docs/header-custom-theme-site/components/loading-spinner/customisation/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | LoadingSpinner - Customisation"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | LoadingSpinner - Customisation"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -125,7 +125,7 @@ <h3 id="customisation-example" style="position:relative" class="page-heading-3 h
     color: transparent !important;
   }
 }
-</style></div></div></div></div></div><div class="playground-block-buttons"><button type="button" class="Button-module_button__1msFE button_hds-button__2A0je Button-module_secondary__1nABp button_hds-button--secondary__1NOWS Button-module_size-small__3lizH button_hds-button--small__2NFef"><span class="Button-module_label__a4np1 button_hds-button__label__2EQa-">Copy code</span></button><button type="button" class="Button-module_button__1msFE button_hds-button__2A0je Button-module_secondary__1nABp button_hds-button--secondary__1NOWS Button-module_size-small__3lizH button_hds-button--small__2NFef"><div class="Button-module_icon__O-h7R button_hds-icon__17j8Z" aria-hidden="true"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-undo" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M14 10C16.2091 10 18 11.7909 18 14C18 16.2091 16.2091 18 14 18H10V20H14.0364L14.188 19.9981C17.4131 19.9171 20 17.2611 20 14C20 10.7389 17.4131 8.08285 14.188 8.0019L8.5 8L12 4.5L10.5 3L4.5 9L10.5 15L12 13.5L8.5 10H14Z" fill="currentColor"></path></svg></div><span class="Button-module_label__a4np1 button_hds-button__label__2EQa-">Reset example</span></button></div></div></div></div></div></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-22" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-22)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
+</style></div></div></div></div></div><div class="playground-block-buttons"><button type="button" class="Button-module_button__1msFE button_hds-button__2A0je Button-module_secondary__1nABp button_hds-button--secondary__1NOWS Button-module_size-small__3lizH button_hds-button--small__2NFef"><span class="Button-module_label__a4np1 button_hds-button__label__2EQa-">Copy code</span></button><button type="button" class="Button-module_button__1msFE button_hds-button__2A0je Button-module_secondary__1nABp button_hds-button--secondary__1NOWS Button-module_size-small__3lizH button_hds-button--small__2NFef"><div class="Button-module_icon__O-h7R button_hds-icon__17j8Z" aria-hidden="true"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-undo" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M14 10C16.2091 10 18 11.7909 18 14C18 16.2091 16.2091 18 14 18H10V20H14.0364L14.188 19.9981C17.4131 19.9171 20 17.2611 20 14C20 10.7389 17.4131 8.08285 14.188 8.0019L8.5 8L12 4.5L10.5 3L4.5 9L10.5 15L12 13.5L8.5 10H14Z" fill="currentColor"></path></svg></div><span class="Button-module_label__a4np1 button_hds-button__label__2EQa-">Reset example</span></button></div></div></div></div></div></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-30" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-30)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
     window.dev = undefined
     if (window.dev === true || !(navigator.doNotTrack === '1' || window.doNotTrack === '1')) {
       window._paq = window._paq || [];
@@ -153,6 +153,6 @@ <h3 id="customisation-example" style="position:relative" class="page-heading-3 h
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/components/loading-spinner/index.html b/docs/header-custom-theme-site/components/loading-spinner/index.html
index ef365ca2fe..b5a9a02fa6 100644
--- a/docs/header-custom-theme-site/components/loading-spinner/index.html
+++ b/docs/header-custom-theme-site/components/loading-spinner/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | LoadingSpinner"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | LoadingSpinner"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -76,7 +76,7 @@ <h4 id="default" style="position:relative" class="page-heading-4 heading-s">Defa
 <h4 id="customized-loading-spinner" style="position:relative" class="page-heading-4 heading-s">Customized loading spinner<a href="#customized-loading-spinner" aria-label="customized loading spinner permalink" class="header-anchor after"><span><span class="hds-anchor-icon hds-icon hds-icon--link hds-icon--size-xs" aria-hidden="true" style="vertical-align: middle"></span></span></a></h4>
 <p>The colour of the spinner can be customised to fit the colour theme of the service. HDS Loading spinner even supports shifting between multiple colours. Colour shifting should be used sparingly and only if the theme of the service calls for it.</p>
 <p>Note! When using multicolour loading spinners, at least half of the colours must have sufficient contrast <code>3:1</code> against the spinner background.</p>
-<div class="playground-block-preview playground-block-preview-light"><div class="LoadingSpinner-module_loadingSpinner__2xHT_ custom-theme-26"><div></div><div></div><div></div></div><br/><div class="LoadingSpinner-module_loadingSpinner__2xHT_ LoadingSpinner-module_multicolor__1qbEF custom-theme-28"><div></div><div></div><div></div></div></div></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-30" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-30)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
+<div class="playground-block-preview playground-block-preview-light"><div class="LoadingSpinner-module_loadingSpinner__2xHT_ custom-theme-25"><div></div><div></div><div></div></div><br/><div class="LoadingSpinner-module_loadingSpinner__2xHT_ LoadingSpinner-module_multicolor__1qbEF custom-theme-27"><div></div><div></div><div></div></div></div></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-29" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-29)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
     window.dev = undefined
     if (window.dev === true || !(navigator.doNotTrack === '1' || window.doNotTrack === '1')) {
       window._paq = window._paq || [];
@@ -104,6 +104,6 @@ <h4 id="customized-loading-spinner" style="position:relative" class="page-headin
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/components/loading-spinner/tabs/index.html b/docs/header-custom-theme-site/components/loading-spinner/tabs/index.html
index 559c0e1b5e..aad247d10a 100644
--- a/docs/header-custom-theme-site/components/loading-spinner/tabs/index.html
+++ b/docs/header-custom-theme-site/components/loading-spinner/tabs/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | LoadingSpinner"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | LoadingSpinner"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -83,6 +83,6 @@
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/components/logo/accessibility/index.html b/docs/header-custom-theme-site/components/logo/accessibility/index.html
index c3c51b6cf0..ecce31bef1 100644
--- a/docs/header-custom-theme-site/components/logo/accessibility/index.html
+++ b/docs/header-custom-theme-site/components/logo/accessibility/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Logo - Accessibility"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Logo - Accessibility"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -93,6 +93,6 @@ <h3 id="pay-attention-to" style="position:relative" class="page-heading-3 headin
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/components/logo/code/index.html b/docs/header-custom-theme-site/components/logo/code/index.html
index dbf8195b91..b4aed15e91 100644
--- a/docs/header-custom-theme-site/components/logo/code/index.html
+++ b/docs/header-custom-theme-site/components/logo/code/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Logo - Code"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Logo - Code"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -171,6 +171,6 @@ <h3 id="properties" style="position:relative" class="page-heading-3 heading-m">P
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/components/logo/customisation/index.html b/docs/header-custom-theme-site/components/logo/customisation/index.html
index 8e4bcb4f68..d7a9348a98 100644
--- a/docs/header-custom-theme-site/components/logo/customisation/index.html
+++ b/docs/header-custom-theme-site/components/logo/customisation/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Logo - Customisation"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Logo - Customisation"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -131,6 +131,6 @@ <h3 id="customisation-example" style="position:relative" class="page-heading-3 h
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/components/logo/index.html b/docs/header-custom-theme-site/components/logo/index.html
index fefd1feb4d..2ec5be94c9 100644
--- a/docs/header-custom-theme-site/components/logo/index.html
+++ b/docs/header-custom-theme-site/components/logo/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Logo"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Logo"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -102,6 +102,6 @@ <h4 id="sizes" style="position:relative" class="page-heading-4 heading-s">Sizes<
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/components/logo/tabs/index.html b/docs/header-custom-theme-site/components/logo/tabs/index.html
index dd48d2962c..05f397f03f 100644
--- a/docs/header-custom-theme-site/components/logo/tabs/index.html
+++ b/docs/header-custom-theme-site/components/logo/tabs/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Logo"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Logo"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -83,6 +83,6 @@
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/components/navigation/accessibility/index.html b/docs/header-custom-theme-site/components/navigation/accessibility/index.html
index c286e94a0e..69fa69b93e 100644
--- a/docs/header-custom-theme-site/components/navigation/accessibility/index.html
+++ b/docs/header-custom-theme-site/components/navigation/accessibility/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Navigation - Accessibility"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Navigation - Accessibility"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -90,6 +90,6 @@ <h3 id="pay-attention-to" style="position:relative" class="page-heading-3 headin
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/components/navigation/code/index.html b/docs/header-custom-theme-site/components/navigation/code/index.html
index a0c3afaa4b..9e2e95f859 100644
--- a/docs/header-custom-theme-site/components/navigation/code/index.html
+++ b/docs/header-custom-theme-site/components/navigation/code/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Navigation - Code"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Navigation - Code"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -374,6 +374,6 @@ <h3 id="properties" style="position:relative" class="page-heading-3 heading-m">P
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/components/navigation/customisation/index.html b/docs/header-custom-theme-site/components/navigation/customisation/index.html
index b67fc00da9..7e9fc37235 100644
--- a/docs/header-custom-theme-site/components/navigation/customisation/index.html
+++ b/docs/header-custom-theme-site/components/navigation/customisation/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Navigation - Customisation"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Navigation - Customisation"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -184,6 +184,6 @@ <h3 id="customisation-example" style="position:relative" class="page-heading-3 h
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/components/navigation/index.html b/docs/header-custom-theme-site/components/navigation/index.html
index 947e084cd4..170313bcbf 100644
--- a/docs/header-custom-theme-site/components/navigation/index.html
+++ b/docs/header-custom-theme-site/components/navigation/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Navigation"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Navigation"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -111,6 +111,6 @@ <h4 id="colour-variations" style="position:relative" class="page-heading-4 headi
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/components/navigation/tabs/index.html b/docs/header-custom-theme-site/components/navigation/tabs/index.html
index 80f30ae79a..5ffe8d3c35 100644
--- a/docs/header-custom-theme-site/components/navigation/tabs/index.html
+++ b/docs/header-custom-theme-site/components/navigation/tabs/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Navigation"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Navigation"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -84,6 +84,6 @@
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/components/notification/accessibility/index.html b/docs/header-custom-theme-site/components/notification/accessibility/index.html
index 65c510b8c5..61967230ce 100644
--- a/docs/header-custom-theme-site/components/notification/accessibility/index.html
+++ b/docs/header-custom-theme-site/components/notification/accessibility/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Notification - Accessibility"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Notification - Accessibility"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -91,6 +91,6 @@ <h3 id="pay-attention-to" style="position:relative" class="page-heading-3 headin
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/components/notification/code/index.html b/docs/header-custom-theme-site/components/notification/code/index.html
index 209cd9c32f..1cbfa9112b 100644
--- a/docs/header-custom-theme-site/components/notification/code/index.html
+++ b/docs/header-custom-theme-site/components/notification/code/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Notification - Code"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Notification - Code"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -313,6 +313,6 @@ <h3 id="properties" style="position:relative" class="page-heading-3 heading-m">P
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/components/notification/index.html b/docs/header-custom-theme-site/components/notification/index.html
index 6f00a2f147..f3d54bb15f 100644
--- a/docs/header-custom-theme-site/components/notification/index.html
+++ b/docs/header-custom-theme-site/components/notification/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Notification"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Notification"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -117,6 +117,6 @@ <h4 id="invisible" style="position:relative" class="page-heading-4 heading-s">In
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/components/notification/tabs/index.html b/docs/header-custom-theme-site/components/notification/tabs/index.html
index b49a7e7189..ae92928f4f 100644
--- a/docs/header-custom-theme-site/components/notification/tabs/index.html
+++ b/docs/header-custom-theme-site/components/notification/tabs/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Notification"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Notification"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -83,6 +83,6 @@
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/components/number-input/accessibility/index.html b/docs/header-custom-theme-site/components/number-input/accessibility/index.html
index 74060fdd85..e29211fd50 100644
--- a/docs/header-custom-theme-site/components/number-input/accessibility/index.html
+++ b/docs/header-custom-theme-site/components/number-input/accessibility/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | NumberInput - Accessibility"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | NumberInput - Accessibility"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -90,6 +90,6 @@ <h3 id="pay-attention-to" style="position:relative" class="page-heading-3 headin
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/components/number-input/code/index.html b/docs/header-custom-theme-site/components/number-input/code/index.html
index ab25244962..9d388f6685 100644
--- a/docs/header-custom-theme-site/components/number-input/code/index.html
+++ b/docs/header-custom-theme-site/components/number-input/code/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | NumberInput - Code"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | NumberInput - Code"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -268,6 +268,6 @@ <h3 id="properties" style="position:relative" class="page-heading-3 heading-m">P
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/components/number-input/index.html b/docs/header-custom-theme-site/components/number-input/index.html
index a2c465d64c..68493ffaeb 100644
--- a/docs/header-custom-theme-site/components/number-input/index.html
+++ b/docs/header-custom-theme-site/components/number-input/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | NumberInput"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | NumberInput"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -118,6 +118,6 @@ <h4 id="with-min-and-max-values" style="position:relative" class="page-heading-4
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/components/number-input/tabs/index.html b/docs/header-custom-theme-site/components/number-input/tabs/index.html
index 781be63065..1508b28d3b 100644
--- a/docs/header-custom-theme-site/components/number-input/tabs/index.html
+++ b/docs/header-custom-theme-site/components/number-input/tabs/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | NumberInput"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | NumberInput"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -83,6 +83,6 @@
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/components/pagination/accessibility/index.html b/docs/header-custom-theme-site/components/pagination/accessibility/index.html
index 0473906339..ff822febca 100644
--- a/docs/header-custom-theme-site/components/pagination/accessibility/index.html
+++ b/docs/header-custom-theme-site/components/pagination/accessibility/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Pagination - Accessibility"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Pagination - Accessibility"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -95,6 +95,6 @@ <h3 id="pay-attention-to" style="position:relative" class="page-heading-3 headin
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/components/pagination/code/index.html b/docs/header-custom-theme-site/components/pagination/code/index.html
index 46eb434846..62bce337ed 100644
--- a/docs/header-custom-theme-site/components/pagination/code/index.html
+++ b/docs/header-custom-theme-site/components/pagination/code/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Pagination - Code"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Pagination - Code"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -288,6 +288,6 @@ <h3 id="properties" style="position:relative" class="page-heading-3 heading-m">P
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/components/pagination/customisation/index.html b/docs/header-custom-theme-site/components/pagination/customisation/index.html
index 5d625e7d81..e0cd3204a7 100644
--- a/docs/header-custom-theme-site/components/pagination/customisation/index.html
+++ b/docs/header-custom-theme-site/components/pagination/customisation/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Pagination - Customisation"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Pagination - Customisation"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -161,6 +161,6 @@ <h3 id="customisation-example" style="position:relative" class="page-heading-3 h
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/components/pagination/index.html b/docs/header-custom-theme-site/components/pagination/index.html
index 412167958c..b07c03ed75 100644
--- a/docs/header-custom-theme-site/components/pagination/index.html
+++ b/docs/header-custom-theme-site/components/pagination/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Pagination"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Pagination"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -151,6 +151,6 @@ <h4 id="without-previous-and-next-buttons" style="position:relative" class="page
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/components/pagination/tabs/index.html b/docs/header-custom-theme-site/components/pagination/tabs/index.html
index 8d00dfa535..3026d30b41 100644
--- a/docs/header-custom-theme-site/components/pagination/tabs/index.html
+++ b/docs/header-custom-theme-site/components/pagination/tabs/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Pagination"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Pagination"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -83,6 +83,6 @@
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/components/password-input/accessibility/index.html b/docs/header-custom-theme-site/components/password-input/accessibility/index.html
index 916ac177ca..deb205b25d 100644
--- a/docs/header-custom-theme-site/components/password-input/accessibility/index.html
+++ b/docs/header-custom-theme-site/components/password-input/accessibility/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | PasswordInput - Accessibility"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | PasswordInput - Accessibility"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -61,7 +61,7 @@ <h3 id="pay-attention-to" style="position:relative" class="page-heading-3 headin
 <li>In the case of an insufficient password, aim to provide clear instructions to the user on how to correct the mistake. Always provide a text description of the error.</li>
 <li>It is required to use <code>autocomplete</code> attribute if input control is listed in the common input purposes list. You can read the full list of common input purposes at <a aria-label="WCAG 2.1 documentation website. Opens a different website." class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F" href="https://www.w3.org/TR/WCAG21/#input-purposes">WCAG 2.1 documentation website<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik Link-module_icon__3ReCc link_icon__i_HqN Link-module_verticalAlignMediumIcon__12PVa link_vertical-align-medium-icon__3IWi1" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="link-external" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M5 3V19H21V21H3V3H5ZM21 3V12H19V6.413L9.91421 15.5L8.5 14.0858L17.585 5H12V3H21Z" fill="currentColor"></path></svg></a>. You can read more about the requirement from <a aria-label="WCAG 2.1 Identify Input Purpose guideline. Opens a different website." class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F" href="https://www.w3.org/WAI/WCAG21/Understanding/identify-input-purpose">WCAG 2.1 Identify Input Purpose guideline<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik Link-module_icon__3ReCc link_icon__i_HqN Link-module_verticalAlignMediumIcon__12PVa link_vertical-align-medium-icon__3IWi1" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="link-external" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M5 3V19H21V21H3V3H5ZM21 3V12H19V6.413L9.91421 15.5L8.5 14.0858L17.585 5H12V3H21Z" fill="currentColor"></path></svg></a>.</li>
 <li>Place sign-in in its own <code>form</code> element and use <code>landmark</code> region to mark the login area. This allows assistive technologies to quickly locate and skip to the login section.</li>
-</ul></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-55" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-55)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
+</ul></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-54" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-54)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
     window.dev = undefined
     if (window.dev === true || !(navigator.doNotTrack === '1' || window.doNotTrack === '1')) {
       window._paq = window._paq || [];
@@ -89,6 +89,6 @@ <h3 id="pay-attention-to" style="position:relative" class="page-heading-3 headin
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/components/password-input/code/index.html b/docs/header-custom-theme-site/components/password-input/code/index.html
index cad79e7f94..393c598571 100644
--- a/docs/header-custom-theme-site/components/password-input/code/index.html
+++ b/docs/header-custom-theme-site/components/password-input/code/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | PasswordInput - Code"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | PasswordInput - Code"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -228,6 +228,6 @@ <h3 id="properties" style="position:relative" class="page-heading-3 heading-m">P
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/components/password-input/index.html b/docs/header-custom-theme-site/components/password-input/index.html
index 8ab0a10edc..a33b8cf811 100644
--- a/docs/header-custom-theme-site/components/password-input/index.html
+++ b/docs/header-custom-theme-site/components/password-input/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | PasswordInput"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | PasswordInput"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -73,7 +73,7 @@ <h4 id="default" style="position:relative" class="page-heading-4 heading-s">Defa
 <h4 id="with-an-external-button" style="position:relative" class="page-heading-4 heading-s">With an external button<a href="#with-an-external-button" aria-label="with an external button permalink" class="header-anchor after"><span><span class="hds-anchor-icon hds-icon hds-icon--link hds-icon--size-xs" aria-hidden="true" style="vertical-align: middle"></span></span></a></h4>
 <p>If necessary, the mask/unmask icon can be removed and the feature controlled with an external button element.</p>
 <!-- -->
-<div class="playground-block-preview playground-block-preview-light"><div style="display:grid;grid-template-columns:320px 240px;gap:var(--spacing-s)"><div class="TextInput-module_root__2CMNr text-input_hds-text-input__2LODq" style="max-width:320px"><label for="password-input-3" class="FieldLabel-module_label__1zrXK ">Password<span class="RequiredIndicator-module_indicator__Pt7GX text-input_hds-text-input__required__2K-Bs">*</span></label><div class="TextInput-module_inputWrapper__3Rvel text-input_hds-text-input__input-wrapper__1OqYG"><input class="TextInput-module_input__1BlHi text-input_hds-text-input__input__GJm5C" id="password-input-3" required="" type="password" aria-describedby="password-input-3-helper"/></div><div class="TextInput-module_helperText__2dLR6 text-input_hds-text-input__helper-text__3V2KM" id="password-input-3-helper">Assistive text</div></div><div style="display:flex;justify-content:center;flex-direction:column"><button type="button" class="Button-module_button__1msFE button_hds-button__2A0je Button-module_supplementary__3YKiS button_hds-button--supplementary__GcHcV"><div class="Button-module_icon__O-h7R button_hds-icon__17j8Z" aria-hidden="true"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="eye" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 4.5C16.0501 4.5 19.7168 7 23 12C19.7168 17 16.0501 19.5 12 19.5C7.94991 19.5 4.28325 17 1 12C4.28325 7 7.94991 4.5 12 4.5ZM12 6.5C9.04854 6.5 6.2496 8.20372 3.57529 11.8024L3.43 12L3.57529 12.1976C6.19914 15.7284 8.94296 17.435 11.8331 17.4982L12 17.5C14.9515 17.5 17.7504 15.7963 20.4247 12.1976L20.5695 12L20.4247 11.8024C17.8009 8.27162 15.057 6.56497 12.1669 6.50182L12 6.5ZM12 8C14.2091 8 16 9.79086 16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8ZM12 10C10.8954 10 10 10.8954 10 12C10 13.1046 10.8954 14 12 14C13.1046 14 14 13.1046 14 12C14 10.8954 13.1046 10 12 10Z" fill="currentColor"></path></svg></div><span class="Button-module_label__a4np1 button_hds-button__label__2EQa-">Show password</span></button></div></div></div></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-51" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-51)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
+<div class="playground-block-preview playground-block-preview-light"><div style="display:grid;grid-template-columns:320px 240px;gap:var(--spacing-s)"><div class="TextInput-module_root__2CMNr text-input_hds-text-input__2LODq" style="max-width:320px"><label for="password-input-3" class="FieldLabel-module_label__1zrXK ">Password<span class="RequiredIndicator-module_indicator__Pt7GX text-input_hds-text-input__required__2K-Bs">*</span></label><div class="TextInput-module_inputWrapper__3Rvel text-input_hds-text-input__input-wrapper__1OqYG"><input class="TextInput-module_input__1BlHi text-input_hds-text-input__input__GJm5C" id="password-input-3" required="" type="password" aria-describedby="password-input-3-helper"/></div><div class="TextInput-module_helperText__2dLR6 text-input_hds-text-input__helper-text__3V2KM" id="password-input-3-helper">Assistive text</div></div><div style="display:flex;justify-content:center;flex-direction:column"><button type="button" class="Button-module_button__1msFE button_hds-button__2A0je Button-module_supplementary__3YKiS button_hds-button--supplementary__GcHcV"><div class="Button-module_icon__O-h7R button_hds-icon__17j8Z" aria-hidden="true"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="eye" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 4.5C16.0501 4.5 19.7168 7 23 12C19.7168 17 16.0501 19.5 12 19.5C7.94991 19.5 4.28325 17 1 12C4.28325 7 7.94991 4.5 12 4.5ZM12 6.5C9.04854 6.5 6.2496 8.20372 3.57529 11.8024L3.43 12L3.57529 12.1976C6.19914 15.7284 8.94296 17.435 11.8331 17.4982L12 17.5C14.9515 17.5 17.7504 15.7963 20.4247 12.1976L20.5695 12L20.4247 11.8024C17.8009 8.27162 15.057 6.56497 12.1669 6.50182L12 6.5ZM12 8C14.2091 8 16 9.79086 16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8ZM12 10C10.8954 10 10 10.8954 10 12C10 13.1046 10.8954 14 12 14C13.1046 14 14 13.1046 14 12C14 10.8954 13.1046 10 12 10Z" fill="currentColor"></path></svg></div><span class="Button-module_label__a4np1 button_hds-button__label__2EQa-">Show password</span></button></div></div></div></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-50" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-50)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
     window.dev = undefined
     if (window.dev === true || !(navigator.doNotTrack === '1' || window.doNotTrack === '1')) {
       window._paq = window._paq || [];
@@ -101,6 +101,6 @@ <h4 id="with-an-external-button" style="position:relative" class="page-heading-4
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/components/password-input/security/index.html b/docs/header-custom-theme-site/components/password-input/security/index.html
index f585461e19..ac1544541a 100644
--- a/docs/header-custom-theme-site/components/password-input/security/index.html
+++ b/docs/header-custom-theme-site/components/password-input/security/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | PasswordInput - Security"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | PasswordInput - Security"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -108,6 +108,6 @@ <h3 id="using-password-to-log-in" style="position:relative" class="page-heading-
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/components/password-input/tabs/index.html b/docs/header-custom-theme-site/components/password-input/tabs/index.html
index ab1fa2a564..2a6bd68176 100644
--- a/docs/header-custom-theme-site/components/password-input/tabs/index.html
+++ b/docs/header-custom-theme-site/components/password-input/tabs/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | PasswordInput"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | PasswordInput"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -55,7 +55,7 @@
   </script><link rel="manifest" href="/hds-demo/header-custom-theme-site/manifest.webmanifest" crossorigin="anonymous"/><link rel="apple-touch-icon" sizes="any" href="/hds-demo/header-custom-theme-site/favicon/light/favicon-32x32.ico"/><link rel="apple-touch-icon" href="/hds-demo/header-custom-theme-site/favicon/light/apple-touch-icon.png"/><link rel="apple-touch-icon" sizes="192x192" href="/hds-demo/header-custom-theme-site/favicon/light/favicon-192x192.png"/><link rel="apple-touch-icon" sizes="512x512" href="/hds-demo/header-custom-theme-site/favicon/light/favicon-512x512.png"/><link rel="preconnect" href="https://webanalytics.digiaiiris.com/js"/></head><body><div id="___gatsby"><div style="outline:none" tabindex="-1" id="gatsby-focus-wrapper"><div class="page text-body"><header id="page-header" class="Navigation-module_header__2HNOX Navigation-module_theme-light__36nmi pageHeader"><a class="Navigation-module_skipToContent__2p54x" href="#content">Skip to content</a><div class="visible-module_belowM__2GR1J"><div class="Navigation-module_headerBackgroundWrapper__137R3"><div class="Navigation-module_headerContainer__2YPsu"><a class="Navigation-module_title__3zRBe" href="https://hds.hel.fi" aria-label="Helsinki: Helsinki Design System"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Navigation-module_logo__1sEy6" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg><span><div class="page-header-title"><div>Helsinki Design System</div><div class="page-header-title-badge"><img style="filter:invert(1)" alt="HDS version number: 2.15.0" src="https://img.shields.io/github/v/release/City-of-Helsinki/helsinki-design-system?label=&amp;style=for-the-badge&amp;color=1a1a1a"/></div></div></span></a><button aria-label="menu" aria-haspopup="true" aria-expanded="false" type="button" class="Navigation-module_mobileMenuToggle__1v6en"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="menu-hamburger" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M22 17V19H2V17H22ZM22 11V13H2V11H22ZM22 5V7H2V5H22Z" fill="currentColor"></path></svg></button></div></div></div><div class="visible-module_aboveM__31mn_"><div class="Navigation-module_headerBackgroundWrapper__137R3"><div class="Navigation-module_headerContainer__2YPsu"><a class="Navigation-module_title__3zRBe" href="https://hds.hel.fi" aria-label="Helsinki: Helsinki Design System"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Navigation-module_logo__1sEy6" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg><span><div class="page-header-title"><div>Helsinki Design System</div><div class="page-header-title-badge"><img style="filter:invert(1)" alt="HDS version number: 2.15.0" src="https://img.shields.io/github/v/release/City-of-Helsinki/helsinki-design-system?label=&amp;style=for-the-badge&amp;color=1a1a1a"/></div></div></span></a><div class="Navigation-module_headerContent__3zHbK"></div></div></div><nav class="NavigationRow-module_navigation__24tui NavigationRow-module_subNav__3fDXv" aria-label="Site navigation"><a class="NavigationItem-module_rowItem__2QxRz" href="/hds-demo/header-custom-theme-site/getting-started/"><span class="NavigationItem-module_label__1UsXG button_hds-button__label__3r3Mi">Getting started</span></a><a class="NavigationItem-module_rowItem__2QxRz" href="/hds-demo/header-custom-theme-site/foundation/"><span class="NavigationItem-module_label__1UsXG button_hds-button__label__3r3Mi">Foundation</span></a><a aria-current="page" class="NavigationItem-module_rowItem__2QxRz NavigationItem-module_active__3Ckcw" href="/hds-demo/header-custom-theme-site/components/"><span class="NavigationItem-module_label__1UsXG button_hds-button__label__3r3Mi">Components</span></a><a class="NavigationItem-module_rowItem__2QxRz" href="/hds-demo/header-custom-theme-site/patterns/"><span class="NavigationItem-module_label__1UsXG button_hds-button__label__3r3Mi">Patterns</span></a><a class="NavigationItem-module_rowItem__2QxRz" href="/hds-demo/header-custom-theme-site/about/"><span class="NavigationItem-module_label__1UsXG button_hds-button__label__3r3Mi">About</span></a></nav></div></header><div class="page-content"><aside class="side-content"><nav class="SideNavigation-module_sideNavigation__3X-9P" id="side-navigation" aria-label="Components"><button type="button" class="Button-module_button__1msFE button_hds-button__2A0je Button-module_secondary__1nABp button_hds-button--secondary__1NOWS Button-module_fullWidth__31eVK button_hds-button--fullwidth__1_hG9 SideNavigation-module_toggleButton__10tXH" aria-controls="side-navigation-menu" aria-expanded="false" aria-haspopup="true"><span class="Button-module_label__a4np1 button_hds-button__label__2EQa-">Navigate to page</span><div class="Button-module_icon__O-h7R button_hds-icon__17j8Z" aria-hidden="true"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-down" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 13.5L17 8.5L18.5 10L12 16.5L5.5 10L7 8.5L12 13.5Z" fill="currentColor"></path></svg></div></button><ul class="SideNavigation-module_mainLevelList__SLZKQ" aria-label="Navigate to page" id="side-navigation-menu"><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Overview" id="side-nav-components" href="/hds-demo/header-custom-theme-site/components"><span class="MainLevel-module_label__uWKJ7">Overview</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Accordion" id="side-nav-components-accordion" href="/hds-demo/header-custom-theme-site/components/accordion"><span class="MainLevel-module_label__uWKJ7">Accordion</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Breadcrumb" id="side-nav-components-breadcrumb" href="/hds-demo/header-custom-theme-site/components/breadcrumb"><span class="MainLevel-module_label__uWKJ7">Breadcrumb</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Button" id="side-nav-components-buttons" href="/hds-demo/header-custom-theme-site/components/buttons"><span class="MainLevel-module_label__uWKJ7">Button</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Card" id="side-nav-components-card" href="/hds-demo/header-custom-theme-site/components/card"><span class="MainLevel-module_label__uWKJ7">Card</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Checkbox" id="side-nav-components-checkbox" href="/hds-demo/header-custom-theme-site/components/checkbox"><span class="MainLevel-module_label__uWKJ7">Checkbox</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="CookieConsent" id="side-nav-components-cookie-consent" href="/hds-demo/header-custom-theme-site/components/cookie-consent"><span class="MainLevel-module_label__uWKJ7">CookieConsent</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="DateInput" id="side-nav-components-date-input" href="/hds-demo/header-custom-theme-site/components/date-input"><span class="MainLevel-module_label__uWKJ7">DateInput</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Dialog" id="side-nav-components-dialog" href="/hds-demo/header-custom-theme-site/components/dialog"><span class="MainLevel-module_label__uWKJ7">Dialog</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Dropdown" id="side-nav-components-dropdown" href="/hds-demo/header-custom-theme-site/components/dropdown"><span class="MainLevel-module_label__uWKJ7">Dropdown</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Fieldset" id="side-nav-components-fieldset" href="/hds-demo/header-custom-theme-site/components/fieldset"><span class="MainLevel-module_label__uWKJ7">Fieldset</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="FileInput" id="side-nav-components-file-input" href="/hds-demo/header-custom-theme-site/components/file-input"><span class="MainLevel-module_label__uWKJ7">FileInput</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Footer" id="side-nav-components-footer" href="/hds-demo/header-custom-theme-site/components/footer"><span class="MainLevel-module_label__uWKJ7">Footer</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Header" id="side-nav-components-header" href="/hds-demo/header-custom-theme-site/components/header"><span class="MainLevel-module_label__uWKJ7">Header</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Hero" id="side-nav-components-hero" href="/hds-demo/header-custom-theme-site/components/hero"><span class="MainLevel-module_label__uWKJ7">Hero</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Highlight" id="side-nav-components-highlight" href="/hds-demo/header-custom-theme-site/components/highlight"><span class="MainLevel-module_label__uWKJ7">Highlight</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Icon" id="side-nav-components-icon" href="/hds-demo/header-custom-theme-site/components/icon"><span class="MainLevel-module_label__uWKJ7">Icon</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Koros" id="side-nav-components-koros" href="/hds-demo/header-custom-theme-site/components/koros"><span class="MainLevel-module_label__uWKJ7">Koros</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Link" id="side-nav-components-link" href="/hds-demo/header-custom-theme-site/components/link"><span class="MainLevel-module_label__uWKJ7">Link</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Linkbox" id="side-nav-components-linkbox" href="/hds-demo/header-custom-theme-site/components/linkbox"><span class="MainLevel-module_label__uWKJ7">Linkbox</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="LoadingSpinner" id="side-nav-components-loading-spinner" href="/hds-demo/header-custom-theme-site/components/loading-spinner"><span class="MainLevel-module_label__uWKJ7">LoadingSpinner</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Logo" id="side-nav-components-logo" href="/hds-demo/header-custom-theme-site/components/logo"><span class="MainLevel-module_label__uWKJ7">Logo</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Navigation" id="side-nav-components-navigation" href="/hds-demo/header-custom-theme-site/components/navigation"><span class="MainLevel-module_label__uWKJ7">Navigation</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Notification" id="side-nav-components-notification" href="/hds-demo/header-custom-theme-site/components/notification"><span class="MainLevel-module_label__uWKJ7">Notification</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="NumberInput" id="side-nav-components-number-input" href="/hds-demo/header-custom-theme-site/components/number-input"><span class="MainLevel-module_label__uWKJ7">NumberInput</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Pagination" id="side-nav-components-pagination" href="/hds-demo/header-custom-theme-site/components/pagination"><span class="MainLevel-module_label__uWKJ7">Pagination</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_active__3IkdI MainLevel-module_open__2yWFj"><a aria-current="page" aria-label="PasswordInput" id="side-nav-components-password-input" href="/hds-demo/header-custom-theme-site/components/password-input"><span class="MainLevel-module_label__uWKJ7">PasswordInput</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="PhoneInput" id="side-nav-components-phone-input" href="/hds-demo/header-custom-theme-site/components/phone-input"><span class="MainLevel-module_label__uWKJ7">PhoneInput</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="RadioButton" id="side-nav-components-radio-button" href="/hds-demo/header-custom-theme-site/components/radio-button"><span class="MainLevel-module_label__uWKJ7">RadioButton</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="SearchInput" id="side-nav-components-search-input" href="/hds-demo/header-custom-theme-site/components/search-input"><span class="MainLevel-module_label__uWKJ7">SearchInput</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="SelectionGroup" id="side-nav-components-selection-group" href="/hds-demo/header-custom-theme-site/components/selection-group"><span class="MainLevel-module_label__uWKJ7">SelectionGroup</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="SideNavigation" id="side-nav-components-side-navigation" href="/hds-demo/header-custom-theme-site/components/side-navigation"><span class="MainLevel-module_label__uWKJ7">SideNavigation</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="StatusLabel" id="side-nav-components-status-label" href="/hds-demo/header-custom-theme-site/components/status-label"><span class="MainLevel-module_label__uWKJ7">StatusLabel</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="StepByStep" id="side-nav-components-step-by-step" href="/hds-demo/header-custom-theme-site/components/step-by-step"><span class="MainLevel-module_label__uWKJ7">StepByStep</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Stepper" id="side-nav-components-stepper" href="/hds-demo/header-custom-theme-site/components/stepper"><span class="MainLevel-module_label__uWKJ7">Stepper</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Table" id="side-nav-components-table" href="/hds-demo/header-custom-theme-site/components/table"><span class="MainLevel-module_label__uWKJ7">Table</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Tabs" id="side-nav-components-tabs" href="/hds-demo/header-custom-theme-site/components/tabs"><span class="MainLevel-module_label__uWKJ7">Tabs</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Tag" id="side-nav-components-tag" href="/hds-demo/header-custom-theme-site/components/tag"><span class="MainLevel-module_label__uWKJ7">Tag</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="TextArea" id="side-nav-components-text-area" href="/hds-demo/header-custom-theme-site/components/text-area"><span class="MainLevel-module_label__uWKJ7">TextArea</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="TextInput" id="side-nav-components-text-input" href="/hds-demo/header-custom-theme-site/components/text-input"><span class="MainLevel-module_label__uWKJ7">TextInput</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="TimeInput" id="side-nav-components-time-input" href="/hds-demo/header-custom-theme-site/components/time-input"><span class="MainLevel-module_label__uWKJ7">TimeInput</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="ToggleButton" id="side-nav-components-toggle-button" href="/hds-demo/header-custom-theme-site/components/toggle-button"><span class="MainLevel-module_label__uWKJ7">ToggleButton</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Tooltip" id="side-nav-components-tooltip" href="/hds-demo/header-custom-theme-site/components/tooltip"><span class="MainLevel-module_label__uWKJ7">Tooltip</span></a></li></ul></nav></aside><main id="content" class="main-content"><h1 id="passwordinput" style="position:relative" class="page-heading-1 heading-xl-mobile">PasswordInput<a href="#passwordinput" aria-label="passwordinput permalink" class="header-anchor after"><span><span class="hds-anchor-icon hds-icon hds-icon--link hds-icon--size-xs" aria-hidden="true" style="vertical-align: middle"></span></span></a></h1>
 <div class="status-label-description"><span class="StatusLabel-module_statusLabel__3R2J2 status-label_hds-status-label__1L8YI StatusLabel-module_info__3YrAe status-label_hds-status-label--info__J28-H">Stable</span><span class="StatusLabel-module_statusLabel__3R2J2 status-label_hds-status-label__1L8YI StatusLabel-module_success__2BfdX status-label_hds-status-label--success__3jiST" style="margin-left:var(--spacing-xs)">Accessible</span><div class="Tooltip-module_root__1Yo9t status-label-tooltip"><button type="button" class="Tooltip-module_button__2x9m0" title="Tooltip" aria-label="Tooltip" aria-expanded="false"><span aria-hidden="true"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="question-circle" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2ZM12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4ZM13 16V18H11V16H13ZM12.0437 5.75C14.0343 5.75 15.7173 7.29464 15.7173 9.42361C15.7173 10.7806 15.2461 11.489 14.161 12.306L13.9187 12.4844C13.1753 13.0295 12.9556 13.3359 12.9386 14.142L12.9375 14.25H10.9375C10.9375 12.6746 11.4591 11.8378 12.6143 10.9622L12.8618 10.7796C13.5685 10.2628 13.7173 10.0539 13.7173 9.42361C13.7173 8.43934 12.9662 7.75 12.0437 7.75C11.1907 7.75 10.4785 8.34077 10.3816 9.20835L10.3734 9.30587L8.37663 9.19182C8.49191 7.17347 10.1344 5.75 12.0437 5.75Z" fill="currentColor"></path></svg></span></button></div></div>
 <p style="font-size:var(--fontsize-body-xl);color:var(--color-black-90);max-width:600px">A password field is a foundational input field component that the user can interact with and specifically input password data.</p>
-<div class="Tabs-module_tabs__2Ww5F"><div class="Tabs-module_tablistBar__elMv9 page-tabs-list"><div class="Tabs-module_scrollButton__3ufhP" aria-hidden="true"><button type="button" tabindex="-1"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-left" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.5 12L15.5 17L14 18.5L7.5 12L14 5.5L15.5 7L10.5 12Z" fill="currentColor"></path></svg></button></div><div class="Tabs-module_tablist__1iuDO"><ul role="tablist" style="width:0px"><li role="tab" aria-selected="true" aria-controls="tab-0-panel" tabindex="0" id="tab-0-button" class="Tabs-module_tab__3oOoX Tabs-module_active__1Ic3B"><span>Usage</span></li><li role="tab" aria-selected="false" aria-controls="tab-1-panel" tabindex="-1" id="tab-1-button" class="Tabs-module_tab__3oOoX"><span>Code</span></li><li role="tab" aria-selected="false" aria-controls="tab-2-panel" tabindex="-1" id="tab-2-button" class="Tabs-module_tab__3oOoX"><span>Accessibility</span></li><li role="tab" aria-selected="false" aria-controls="tab-3-panel" tabindex="-1" id="tab-3-button" class="Tabs-module_tab__3oOoX"><span>Security</span></li></ul></div><div class="Tabs-module_scrollButton__3ufhP" aria-hidden="true"><button type="button" tabindex="-1"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-right" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.5 12L8.5 7L10 5.5L16.5 12L10 18.5L8.5 17L13.5 12Z" fill="currentColor"></path></svg></button></div></div><div id="tab-0-panel" role="tabpanel" aria-labelledby="tab-0-button"></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-47" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-47)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
+<div class="Tabs-module_tabs__2Ww5F"><div class="Tabs-module_tablistBar__elMv9 page-tabs-list"><div class="Tabs-module_scrollButton__3ufhP" aria-hidden="true"><button type="button" tabindex="-1"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-left" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.5 12L15.5 17L14 18.5L7.5 12L14 5.5L15.5 7L10.5 12Z" fill="currentColor"></path></svg></button></div><div class="Tabs-module_tablist__1iuDO"><ul role="tablist" style="width:0px"><li role="tab" aria-selected="true" aria-controls="tab-0-panel" tabindex="0" id="tab-0-button" class="Tabs-module_tab__3oOoX Tabs-module_active__1Ic3B"><span>Usage</span></li><li role="tab" aria-selected="false" aria-controls="tab-1-panel" tabindex="-1" id="tab-1-button" class="Tabs-module_tab__3oOoX"><span>Code</span></li><li role="tab" aria-selected="false" aria-controls="tab-2-panel" tabindex="-1" id="tab-2-button" class="Tabs-module_tab__3oOoX"><span>Accessibility</span></li><li role="tab" aria-selected="false" aria-controls="tab-3-panel" tabindex="-1" id="tab-3-button" class="Tabs-module_tab__3oOoX"><span>Security</span></li></ul></div><div class="Tabs-module_scrollButton__3ufhP" aria-hidden="true"><button type="button" tabindex="-1"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-right" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.5 12L8.5 7L10 5.5L16.5 12L10 18.5L8.5 17L13.5 12Z" fill="currentColor"></path></svg></button></div></div><div id="tab-0-panel" role="tabpanel" aria-labelledby="tab-0-button"></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-46" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-46)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
     window.dev = undefined
     if (window.dev === true || !(navigator.doNotTrack === '1' || window.doNotTrack === '1')) {
       window._paq = window._paq || [];
@@ -83,6 +83,6 @@
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/components/phone-input/accessibility/index.html b/docs/header-custom-theme-site/components/phone-input/accessibility/index.html
index 6e0d9c2504..ab57ebc22b 100644
--- a/docs/header-custom-theme-site/components/phone-input/accessibility/index.html
+++ b/docs/header-custom-theme-site/components/phone-input/accessibility/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | PhoneInput - Accessibility"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | PhoneInput - Accessibility"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -96,6 +96,6 @@ <h3 id="pay-attention-to" style="position:relative" class="page-heading-3 headin
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/components/phone-input/code/index.html b/docs/header-custom-theme-site/components/phone-input/code/index.html
index 505e9786ec..43da616b7c 100644
--- a/docs/header-custom-theme-site/components/phone-input/code/index.html
+++ b/docs/header-custom-theme-site/components/phone-input/code/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | PhoneInput - Code"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | PhoneInput - Code"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -228,6 +228,6 @@ <h3 id="properties" style="position:relative" class="page-heading-3 heading-m">P
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/components/phone-input/index.html b/docs/header-custom-theme-site/components/phone-input/index.html
index 5090d06622..c69d3bea5c 100644
--- a/docs/header-custom-theme-site/components/phone-input/index.html
+++ b/docs/header-custom-theme-site/components/phone-input/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | PhoneInput"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | PhoneInput"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -86,7 +86,7 @@ <h4 id="with-a-country-code-selection" style="position:relative" class="page-hea
 <p>If a country code is a required input (or otherwise critical), it should be asked in a separate input using <a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F" href="/hds-demo/header-custom-theme-site/components/dropdown#combobox-single-selection">HDS Combobox.</a></p>
 <p>These two input are linked together using a fieldset title and <code>aria-desribedby</code> attribute. This way is is clear for screen readers which phone number these two inputs relate to.</p>
 <!-- -->
-<div class="playground-block-preview playground-block-preview-light"><p id="work-phone" style="font-size:18px;font-weight:bold">Work phone</p><div style="display:grid;grid-template-columns:200px 300px;column-gap:16px"><div class="Combobox-module_root__Hs8Hg"><label id="combobox1-label" for="combobox1-input" class="FieldLabel-module_label__1zrXK ">Country code<span class="RequiredIndicator-module_indicator__Pt7GX text-input_hds-text-input__required__2K-Bs">*</span></label><div class="Combobox-module_wrapper__3kVTg"><input id="combobox1-input" aria-autocomplete="list" aria-controls="combobox1-menu" aria-labelledby="combobox1-label combobox1-helper combobox1-input" autoComplete="off" type="text" required="" role="combobox" aria-expanded="false" aria-haspopup="listbox" aria-owns="combobox1-menu" aria-describedby="work-phone" class="Combobox-module_input__Dcmdn" autoCorrect="off" value="Finland (+358)"/><button type="button" id="combobox1-toggle-button" tabindex="-1" class="Combobox-module_button__1W9PN" aria-label="Country code: Choose country code" aria-expanded="false"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik Combobox-module_angleIcon__10DvA" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-down" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 13.5L17 8.5L18.5 10L12 16.5L5.5 10L7 8.5L12 13.5Z" fill="currentColor"></path></svg></button><ul id="combobox1-menu" role="listbox" aria-labelledby="combobox1-label" aria-required="true" style="max-height:260px" class="Combobox-module_menu__3jA0e"></ul></div><div id="combobox1-helper" class="Combobox-module_helperText__1qPYf" aria-hidden="true">Assistive text</div></div><div class="TextInput-module_root__2CMNr text-input_hds-text-input__2LODq"><label for="input2" class="FieldLabel-module_label__1zrXK ">Phone number<span class="RequiredIndicator-module_indicator__Pt7GX text-input_hds-text-input__required__2K-Bs">*</span></label><div class="TextInput-module_inputWrapper__3Rvel text-input_hds-text-input__input-wrapper__1OqYG"><input class="TextInput-module_input__1BlHi text-input_hds-text-input__input__GJm5C" id="input2" required="" type="tel" aria-describedby="work-phone" autoComplete="tel" value="0451234567"/></div></div></div></div></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-40" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-40)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
+<div class="playground-block-preview playground-block-preview-light"><p id="work-phone" style="font-size:18px;font-weight:bold">Work phone</p><div style="display:grid;grid-template-columns:200px 300px;column-gap:16px"><div class="Combobox-module_root__Hs8Hg"><label id="combobox1-label" for="combobox1-input" class="FieldLabel-module_label__1zrXK ">Country code<span class="RequiredIndicator-module_indicator__Pt7GX text-input_hds-text-input__required__2K-Bs">*</span></label><div class="Combobox-module_wrapper__3kVTg"><input id="combobox1-input" aria-autocomplete="list" aria-controls="combobox1-menu" aria-labelledby="combobox1-label combobox1-helper combobox1-input" autoComplete="off" type="text" required="" role="combobox" aria-expanded="false" aria-haspopup="listbox" aria-owns="combobox1-menu" aria-describedby="work-phone" class="Combobox-module_input__Dcmdn" autoCorrect="off" value="Finland (+358)"/><button type="button" id="combobox1-toggle-button" tabindex="-1" class="Combobox-module_button__1W9PN" aria-label="Country code: Choose country code" aria-expanded="false"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik Combobox-module_angleIcon__10DvA" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-down" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 13.5L17 8.5L18.5 10L12 16.5L5.5 10L7 8.5L12 13.5Z" fill="currentColor"></path></svg></button><ul id="combobox1-menu" role="listbox" aria-labelledby="combobox1-label" aria-required="true" style="max-height:260px" class="Combobox-module_menu__3jA0e"></ul></div><div id="combobox1-helper" class="Combobox-module_helperText__1qPYf" aria-hidden="true">Assistive text</div></div><div class="TextInput-module_root__2CMNr text-input_hds-text-input__2LODq"><label for="input2" class="FieldLabel-module_label__1zrXK ">Phone number<span class="RequiredIndicator-module_indicator__Pt7GX text-input_hds-text-input__required__2K-Bs">*</span></label><div class="TextInput-module_inputWrapper__3Rvel text-input_hds-text-input__input-wrapper__1OqYG"><input class="TextInput-module_input__1BlHi text-input_hds-text-input__input__GJm5C" id="input2" required="" type="tel" aria-describedby="work-phone" autoComplete="tel" value="0451234567"/></div></div></div></div></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-39" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-39)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
     window.dev = undefined
     if (window.dev === true || !(navigator.doNotTrack === '1' || window.doNotTrack === '1')) {
       window._paq = window._paq || [];
@@ -114,6 +114,6 @@ <h4 id="with-a-country-code-selection" style="position:relative" class="page-hea
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/components/phone-input/tabs/index.html b/docs/header-custom-theme-site/components/phone-input/tabs/index.html
index e5f9ecf913..5ee85bae3f 100644
--- a/docs/header-custom-theme-site/components/phone-input/tabs/index.html
+++ b/docs/header-custom-theme-site/components/phone-input/tabs/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | PhoneInput"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | PhoneInput"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -55,7 +55,7 @@
   </script><link rel="manifest" href="/hds-demo/header-custom-theme-site/manifest.webmanifest" crossorigin="anonymous"/><link rel="apple-touch-icon" sizes="any" href="/hds-demo/header-custom-theme-site/favicon/light/favicon-32x32.ico"/><link rel="apple-touch-icon" href="/hds-demo/header-custom-theme-site/favicon/light/apple-touch-icon.png"/><link rel="apple-touch-icon" sizes="192x192" href="/hds-demo/header-custom-theme-site/favicon/light/favicon-192x192.png"/><link rel="apple-touch-icon" sizes="512x512" href="/hds-demo/header-custom-theme-site/favicon/light/favicon-512x512.png"/><link rel="preconnect" href="https://webanalytics.digiaiiris.com/js"/></head><body><div id="___gatsby"><div style="outline:none" tabindex="-1" id="gatsby-focus-wrapper"><div class="page text-body"><header id="page-header" class="Navigation-module_header__2HNOX Navigation-module_theme-light__36nmi pageHeader"><a class="Navigation-module_skipToContent__2p54x" href="#content">Skip to content</a><div class="visible-module_belowM__2GR1J"><div class="Navigation-module_headerBackgroundWrapper__137R3"><div class="Navigation-module_headerContainer__2YPsu"><a class="Navigation-module_title__3zRBe" href="https://hds.hel.fi" aria-label="Helsinki: Helsinki Design System"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Navigation-module_logo__1sEy6" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg><span><div class="page-header-title"><div>Helsinki Design System</div><div class="page-header-title-badge"><img style="filter:invert(1)" alt="HDS version number: 2.15.0" src="https://img.shields.io/github/v/release/City-of-Helsinki/helsinki-design-system?label=&amp;style=for-the-badge&amp;color=1a1a1a"/></div></div></span></a><button aria-label="menu" aria-haspopup="true" aria-expanded="false" type="button" class="Navigation-module_mobileMenuToggle__1v6en"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="menu-hamburger" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M22 17V19H2V17H22ZM22 11V13H2V11H22ZM22 5V7H2V5H22Z" fill="currentColor"></path></svg></button></div></div></div><div class="visible-module_aboveM__31mn_"><div class="Navigation-module_headerBackgroundWrapper__137R3"><div class="Navigation-module_headerContainer__2YPsu"><a class="Navigation-module_title__3zRBe" href="https://hds.hel.fi" aria-label="Helsinki: Helsinki Design System"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Navigation-module_logo__1sEy6" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg><span><div class="page-header-title"><div>Helsinki Design System</div><div class="page-header-title-badge"><img style="filter:invert(1)" alt="HDS version number: 2.15.0" src="https://img.shields.io/github/v/release/City-of-Helsinki/helsinki-design-system?label=&amp;style=for-the-badge&amp;color=1a1a1a"/></div></div></span></a><div class="Navigation-module_headerContent__3zHbK"></div></div></div><nav class="NavigationRow-module_navigation__24tui NavigationRow-module_subNav__3fDXv" aria-label="Site navigation"><a class="NavigationItem-module_rowItem__2QxRz" href="/hds-demo/header-custom-theme-site/getting-started/"><span class="NavigationItem-module_label__1UsXG button_hds-button__label__3r3Mi">Getting started</span></a><a class="NavigationItem-module_rowItem__2QxRz" href="/hds-demo/header-custom-theme-site/foundation/"><span class="NavigationItem-module_label__1UsXG button_hds-button__label__3r3Mi">Foundation</span></a><a aria-current="page" class="NavigationItem-module_rowItem__2QxRz NavigationItem-module_active__3Ckcw" href="/hds-demo/header-custom-theme-site/components/"><span class="NavigationItem-module_label__1UsXG button_hds-button__label__3r3Mi">Components</span></a><a class="NavigationItem-module_rowItem__2QxRz" href="/hds-demo/header-custom-theme-site/patterns/"><span class="NavigationItem-module_label__1UsXG button_hds-button__label__3r3Mi">Patterns</span></a><a class="NavigationItem-module_rowItem__2QxRz" href="/hds-demo/header-custom-theme-site/about/"><span class="NavigationItem-module_label__1UsXG button_hds-button__label__3r3Mi">About</span></a></nav></div></header><div class="page-content"><aside class="side-content"><nav class="SideNavigation-module_sideNavigation__3X-9P" id="side-navigation" aria-label="Components"><button type="button" class="Button-module_button__1msFE button_hds-button__2A0je Button-module_secondary__1nABp button_hds-button--secondary__1NOWS Button-module_fullWidth__31eVK button_hds-button--fullwidth__1_hG9 SideNavigation-module_toggleButton__10tXH" aria-controls="side-navigation-menu" aria-expanded="false" aria-haspopup="true"><span class="Button-module_label__a4np1 button_hds-button__label__2EQa-">Navigate to page</span><div class="Button-module_icon__O-h7R button_hds-icon__17j8Z" aria-hidden="true"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-down" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 13.5L17 8.5L18.5 10L12 16.5L5.5 10L7 8.5L12 13.5Z" fill="currentColor"></path></svg></div></button><ul class="SideNavigation-module_mainLevelList__SLZKQ" aria-label="Navigate to page" id="side-navigation-menu"><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Overview" id="side-nav-components" href="/hds-demo/header-custom-theme-site/components"><span class="MainLevel-module_label__uWKJ7">Overview</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Accordion" id="side-nav-components-accordion" href="/hds-demo/header-custom-theme-site/components/accordion"><span class="MainLevel-module_label__uWKJ7">Accordion</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Breadcrumb" id="side-nav-components-breadcrumb" href="/hds-demo/header-custom-theme-site/components/breadcrumb"><span class="MainLevel-module_label__uWKJ7">Breadcrumb</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Button" id="side-nav-components-buttons" href="/hds-demo/header-custom-theme-site/components/buttons"><span class="MainLevel-module_label__uWKJ7">Button</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Card" id="side-nav-components-card" href="/hds-demo/header-custom-theme-site/components/card"><span class="MainLevel-module_label__uWKJ7">Card</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Checkbox" id="side-nav-components-checkbox" href="/hds-demo/header-custom-theme-site/components/checkbox"><span class="MainLevel-module_label__uWKJ7">Checkbox</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="CookieConsent" id="side-nav-components-cookie-consent" href="/hds-demo/header-custom-theme-site/components/cookie-consent"><span class="MainLevel-module_label__uWKJ7">CookieConsent</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="DateInput" id="side-nav-components-date-input" href="/hds-demo/header-custom-theme-site/components/date-input"><span class="MainLevel-module_label__uWKJ7">DateInput</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Dialog" id="side-nav-components-dialog" href="/hds-demo/header-custom-theme-site/components/dialog"><span class="MainLevel-module_label__uWKJ7">Dialog</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Dropdown" id="side-nav-components-dropdown" href="/hds-demo/header-custom-theme-site/components/dropdown"><span class="MainLevel-module_label__uWKJ7">Dropdown</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Fieldset" id="side-nav-components-fieldset" href="/hds-demo/header-custom-theme-site/components/fieldset"><span class="MainLevel-module_label__uWKJ7">Fieldset</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="FileInput" id="side-nav-components-file-input" href="/hds-demo/header-custom-theme-site/components/file-input"><span class="MainLevel-module_label__uWKJ7">FileInput</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Footer" id="side-nav-components-footer" href="/hds-demo/header-custom-theme-site/components/footer"><span class="MainLevel-module_label__uWKJ7">Footer</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Header" id="side-nav-components-header" href="/hds-demo/header-custom-theme-site/components/header"><span class="MainLevel-module_label__uWKJ7">Header</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Hero" id="side-nav-components-hero" href="/hds-demo/header-custom-theme-site/components/hero"><span class="MainLevel-module_label__uWKJ7">Hero</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Highlight" id="side-nav-components-highlight" href="/hds-demo/header-custom-theme-site/components/highlight"><span class="MainLevel-module_label__uWKJ7">Highlight</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Icon" id="side-nav-components-icon" href="/hds-demo/header-custom-theme-site/components/icon"><span class="MainLevel-module_label__uWKJ7">Icon</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Koros" id="side-nav-components-koros" href="/hds-demo/header-custom-theme-site/components/koros"><span class="MainLevel-module_label__uWKJ7">Koros</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Link" id="side-nav-components-link" href="/hds-demo/header-custom-theme-site/components/link"><span class="MainLevel-module_label__uWKJ7">Link</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Linkbox" id="side-nav-components-linkbox" href="/hds-demo/header-custom-theme-site/components/linkbox"><span class="MainLevel-module_label__uWKJ7">Linkbox</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="LoadingSpinner" id="side-nav-components-loading-spinner" href="/hds-demo/header-custom-theme-site/components/loading-spinner"><span class="MainLevel-module_label__uWKJ7">LoadingSpinner</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Logo" id="side-nav-components-logo" href="/hds-demo/header-custom-theme-site/components/logo"><span class="MainLevel-module_label__uWKJ7">Logo</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Navigation" id="side-nav-components-navigation" href="/hds-demo/header-custom-theme-site/components/navigation"><span class="MainLevel-module_label__uWKJ7">Navigation</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Notification" id="side-nav-components-notification" href="/hds-demo/header-custom-theme-site/components/notification"><span class="MainLevel-module_label__uWKJ7">Notification</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="NumberInput" id="side-nav-components-number-input" href="/hds-demo/header-custom-theme-site/components/number-input"><span class="MainLevel-module_label__uWKJ7">NumberInput</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Pagination" id="side-nav-components-pagination" href="/hds-demo/header-custom-theme-site/components/pagination"><span class="MainLevel-module_label__uWKJ7">Pagination</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="PasswordInput" id="side-nav-components-password-input" href="/hds-demo/header-custom-theme-site/components/password-input"><span class="MainLevel-module_label__uWKJ7">PasswordInput</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_active__3IkdI MainLevel-module_open__2yWFj"><a aria-current="page" aria-label="PhoneInput" id="side-nav-components-phone-input" href="/hds-demo/header-custom-theme-site/components/phone-input"><span class="MainLevel-module_label__uWKJ7">PhoneInput</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="RadioButton" id="side-nav-components-radio-button" href="/hds-demo/header-custom-theme-site/components/radio-button"><span class="MainLevel-module_label__uWKJ7">RadioButton</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="SearchInput" id="side-nav-components-search-input" href="/hds-demo/header-custom-theme-site/components/search-input"><span class="MainLevel-module_label__uWKJ7">SearchInput</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="SelectionGroup" id="side-nav-components-selection-group" href="/hds-demo/header-custom-theme-site/components/selection-group"><span class="MainLevel-module_label__uWKJ7">SelectionGroup</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="SideNavigation" id="side-nav-components-side-navigation" href="/hds-demo/header-custom-theme-site/components/side-navigation"><span class="MainLevel-module_label__uWKJ7">SideNavigation</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="StatusLabel" id="side-nav-components-status-label" href="/hds-demo/header-custom-theme-site/components/status-label"><span class="MainLevel-module_label__uWKJ7">StatusLabel</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="StepByStep" id="side-nav-components-step-by-step" href="/hds-demo/header-custom-theme-site/components/step-by-step"><span class="MainLevel-module_label__uWKJ7">StepByStep</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Stepper" id="side-nav-components-stepper" href="/hds-demo/header-custom-theme-site/components/stepper"><span class="MainLevel-module_label__uWKJ7">Stepper</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Table" id="side-nav-components-table" href="/hds-demo/header-custom-theme-site/components/table"><span class="MainLevel-module_label__uWKJ7">Table</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Tabs" id="side-nav-components-tabs" href="/hds-demo/header-custom-theme-site/components/tabs"><span class="MainLevel-module_label__uWKJ7">Tabs</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Tag" id="side-nav-components-tag" href="/hds-demo/header-custom-theme-site/components/tag"><span class="MainLevel-module_label__uWKJ7">Tag</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="TextArea" id="side-nav-components-text-area" href="/hds-demo/header-custom-theme-site/components/text-area"><span class="MainLevel-module_label__uWKJ7">TextArea</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="TextInput" id="side-nav-components-text-input" href="/hds-demo/header-custom-theme-site/components/text-input"><span class="MainLevel-module_label__uWKJ7">TextInput</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="TimeInput" id="side-nav-components-time-input" href="/hds-demo/header-custom-theme-site/components/time-input"><span class="MainLevel-module_label__uWKJ7">TimeInput</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="ToggleButton" id="side-nav-components-toggle-button" href="/hds-demo/header-custom-theme-site/components/toggle-button"><span class="MainLevel-module_label__uWKJ7">ToggleButton</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Tooltip" id="side-nav-components-tooltip" href="/hds-demo/header-custom-theme-site/components/tooltip"><span class="MainLevel-module_label__uWKJ7">Tooltip</span></a></li></ul></nav></aside><main id="content" class="main-content"><h1 id="phoneinput" style="position:relative" class="page-heading-1 heading-xl-mobile">PhoneInput<a href="#phoneinput" aria-label="phoneinput permalink" class="header-anchor after"><span><span class="hds-anchor-icon hds-icon hds-icon--link hds-icon--size-xs" aria-hidden="true" style="vertical-align: middle"></span></span></a></h1>
 <div class="status-label-description"><span class="StatusLabel-module_statusLabel__3R2J2 status-label_hds-status-label__1L8YI StatusLabel-module_info__3YrAe status-label_hds-status-label--info__J28-H">Stable</span><span class="StatusLabel-module_statusLabel__3R2J2 status-label_hds-status-label__1L8YI StatusLabel-module_success__2BfdX status-label_hds-status-label--success__3jiST" style="margin-left:var(--spacing-xs)">Accessible</span><div class="Tooltip-module_root__1Yo9t status-label-tooltip"><button type="button" class="Tooltip-module_button__2x9m0" title="Tooltip" aria-label="Tooltip" aria-expanded="false"><span aria-hidden="true"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="question-circle" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2ZM12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4ZM13 16V18H11V16H13ZM12.0437 5.75C14.0343 5.75 15.7173 7.29464 15.7173 9.42361C15.7173 10.7806 15.2461 11.489 14.161 12.306L13.9187 12.4844C13.1753 13.0295 12.9556 13.3359 12.9386 14.142L12.9375 14.25H10.9375C10.9375 12.6746 11.4591 11.8378 12.6143 10.9622L12.8618 10.7796C13.5685 10.2628 13.7173 10.0539 13.7173 9.42361C13.7173 8.43934 12.9662 7.75 12.0437 7.75C11.1907 7.75 10.4785 8.34077 10.3816 9.20835L10.3734 9.30587L8.37663 9.19182C8.49191 7.17347 10.1344 5.75 12.0437 5.75Z" fill="currentColor"></path></svg></span></button></div></div>
 <p style="font-size:var(--fontsize-body-xl);color:var(--color-black-90);max-width:600px">A phone input allows the user to enter phone number values. </p>
-<div class="Tabs-module_tabs__2Ww5F"><div class="Tabs-module_tablistBar__elMv9 page-tabs-list"><div class="Tabs-module_scrollButton__3ufhP" aria-hidden="true"><button type="button" tabindex="-1"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-left" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.5 12L15.5 17L14 18.5L7.5 12L14 5.5L15.5 7L10.5 12Z" fill="currentColor"></path></svg></button></div><div class="Tabs-module_tablist__1iuDO"><ul role="tablist" style="width:0px"><li role="tab" aria-selected="true" aria-controls="tab-0-panel" tabindex="0" id="tab-0-button" class="Tabs-module_tab__3oOoX Tabs-module_active__1Ic3B"><span>Usage</span></li><li role="tab" aria-selected="false" aria-controls="tab-1-panel" tabindex="-1" id="tab-1-button" class="Tabs-module_tab__3oOoX"><span>Code</span></li><li role="tab" aria-selected="false" aria-controls="tab-2-panel" tabindex="-1" id="tab-2-button" class="Tabs-module_tab__3oOoX"><span>Accessibility</span></li></ul></div><div class="Tabs-module_scrollButton__3ufhP" aria-hidden="true"><button type="button" tabindex="-1"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-right" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.5 12L8.5 7L10 5.5L16.5 12L10 18.5L8.5 17L13.5 12Z" fill="currentColor"></path></svg></button></div></div><div id="tab-0-panel" role="tabpanel" aria-labelledby="tab-0-button"></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-39" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-39)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
+<div class="Tabs-module_tabs__2Ww5F"><div class="Tabs-module_tablistBar__elMv9 page-tabs-list"><div class="Tabs-module_scrollButton__3ufhP" aria-hidden="true"><button type="button" tabindex="-1"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-left" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.5 12L15.5 17L14 18.5L7.5 12L14 5.5L15.5 7L10.5 12Z" fill="currentColor"></path></svg></button></div><div class="Tabs-module_tablist__1iuDO"><ul role="tablist" style="width:0px"><li role="tab" aria-selected="true" aria-controls="tab-0-panel" tabindex="0" id="tab-0-button" class="Tabs-module_tab__3oOoX Tabs-module_active__1Ic3B"><span>Usage</span></li><li role="tab" aria-selected="false" aria-controls="tab-1-panel" tabindex="-1" id="tab-1-button" class="Tabs-module_tab__3oOoX"><span>Code</span></li><li role="tab" aria-selected="false" aria-controls="tab-2-panel" tabindex="-1" id="tab-2-button" class="Tabs-module_tab__3oOoX"><span>Accessibility</span></li></ul></div><div class="Tabs-module_scrollButton__3ufhP" aria-hidden="true"><button type="button" tabindex="-1"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-right" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.5 12L8.5 7L10 5.5L16.5 12L10 18.5L8.5 17L13.5 12Z" fill="currentColor"></path></svg></button></div></div><div id="tab-0-panel" role="tabpanel" aria-labelledby="tab-0-button"></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-40" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-40)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
     window.dev = undefined
     if (window.dev === true || !(navigator.doNotTrack === '1' || window.doNotTrack === '1')) {
       window._paq = window._paq || [];
@@ -83,6 +83,6 @@
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/components/radio-button/accessibility/index.html b/docs/header-custom-theme-site/components/radio-button/accessibility/index.html
index 041f4c03d3..3394be9aab 100644
--- a/docs/header-custom-theme-site/components/radio-button/accessibility/index.html
+++ b/docs/header-custom-theme-site/components/radio-button/accessibility/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | RadioButton - Accessibility"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | RadioButton - Accessibility"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -88,6 +88,6 @@ <h3 id="pay-attention-to" style="position:relative" class="page-heading-3 headin
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/components/radio-button/code/index.html b/docs/header-custom-theme-site/components/radio-button/code/index.html
index 58d2d8caa3..7f95f47f46 100644
--- a/docs/header-custom-theme-site/components/radio-button/code/index.html
+++ b/docs/header-custom-theme-site/components/radio-button/code/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | RadioButton - Code"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | RadioButton - Code"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -207,6 +207,6 @@ <h3 id="properties" style="position:relative" class="page-heading-3 heading-m">P
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/components/radio-button/customisation/index.html b/docs/header-custom-theme-site/components/radio-button/customisation/index.html
index 44eead42a4..a24331ae4b 100644
--- a/docs/header-custom-theme-site/components/radio-button/customisation/index.html
+++ b/docs/header-custom-theme-site/components/radio-button/customisation/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | RadioButton - Customisation"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | RadioButton - Customisation"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -201,6 +201,6 @@ <h3 id="customisation-example" style="position:relative" class="page-heading-3 h
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/components/radio-button/index.html b/docs/header-custom-theme-site/components/radio-button/index.html
index 54b42ddb90..1d4fcbd9db 100644
--- a/docs/header-custom-theme-site/components/radio-button/index.html
+++ b/docs/header-custom-theme-site/components/radio-button/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | RadioButton"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | RadioButton"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -109,6 +109,6 @@ <h4 id="group" style="position:relative" class="page-heading-4 heading-s">Group<
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/components/radio-button/tabs/index.html b/docs/header-custom-theme-site/components/radio-button/tabs/index.html
index 7937e854f4..b04d789a2d 100644
--- a/docs/header-custom-theme-site/components/radio-button/tabs/index.html
+++ b/docs/header-custom-theme-site/components/radio-button/tabs/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | RadioButton"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | RadioButton"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -83,6 +83,6 @@
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/components/search-input/accessibility/index.html b/docs/header-custom-theme-site/components/search-input/accessibility/index.html
index 10f1f3c03b..7585b8c139 100644
--- a/docs/header-custom-theme-site/components/search-input/accessibility/index.html
+++ b/docs/header-custom-theme-site/components/search-input/accessibility/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | SearchInput - Accessibility"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | SearchInput - Accessibility"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -88,6 +88,6 @@ <h3 id="pay-attention-to" style="position:relative" class="page-heading-3 headin
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/components/search-input/code/index.html b/docs/header-custom-theme-site/components/search-input/code/index.html
index e92eb824d6..d6a83f79f4 100644
--- a/docs/header-custom-theme-site/components/search-input/code/index.html
+++ b/docs/header-custom-theme-site/components/search-input/code/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | SearchInput - Code"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | SearchInput - Code"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -278,7 +278,7 @@ <h3 id="packages" style="position:relative" class="page-heading-3 heading-m">Pac
 <div class="hds-table-container" tabindex="0"><table class="hds-table hds-table--dark" aria-label="Service users (dark variant)"><thead><tr class="hds-table__header-row dark"><th scope="col">Package</th><th scope="col">Included</th><th scope="col">Storybook link</th><th scope="col">Source link</th></tr></thead><tbody class="hds-table__content"><tr><td><strong>HDS React</strong></td><td><div style="display:flex;gap:var(--spacing-3-xs)"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="check-circle-fill" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3ZM16.5 8L18 9.5L10.5 17L6 12.5L7.5 11L10.5 14L16.5 8Z" fill="currentColor"></path></svg> Yes </div></td><td><a aria-label="View in Storybook. Opens in a new tab" class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F" href="/storybook/react/?path=/story/components-searchinput--default" target="_blank" rel="noopener">View in Storybook</a></td><td><a aria-label="View source. Opens in a new tab Opens a different website." class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F" href="https://github.com/City-of-Helsinki/helsinki-design-system/tree/master/packages/react/src/components/searchInput" target="_blank" rel="noopener">View source<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik Link-module_icon__3ReCc link_icon__i_HqN Link-module_verticalAlignMediumIcon__12PVa link_vertical-align-medium-icon__3IWi1" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="link-external" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M5 3V19H21V21H3V3H5ZM21 3V12H19V6.413L9.91421 15.5L8.5 14.0858L17.585 5H12V3H21Z" fill="currentColor"></path></svg></a></td></tr><tr><td><strong>HDS Core</strong></td><td><div style="display:flex;gap:var(--spacing-3-xs)"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="check-circle-fill" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3ZM16.5 8L18 9.5L10.5 17L6 12.5L7.5 11L10.5 14L16.5 8Z" fill="currentColor"></path></svg> Yes </div></td><td><a aria-label="View in Storybook. Opens in a new tab" class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F" href="/storybook/core/?path=/story/components-search-input--default" target="_blank" rel="noopener">View in Storybook</a></td><td><a aria-label="View source. Opens in a new tab Opens a different website." class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F" href="https://github.com/City-of-Helsinki/helsinki-design-system/tree/master/packages/core/src/components/search-input" target="_blank" rel="noopener">View source<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik Link-module_icon__3ReCc link_icon__i_HqN Link-module_verticalAlignMediumIcon__12PVa link_vertical-align-medium-icon__3IWi1" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="link-external" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M5 3V19H21V21H3V3H5ZM21 3V12H19V6.413L9.91421 15.5L8.5 14.0858L17.585 5H12V3H21Z" fill="currentColor"></path></svg></a></td></tr></tbody></table></div>
 <h3 id="properties" style="position:relative" class="page-heading-3 heading-m">Properties<a href="#properties" aria-label="properties permalink" class="header-anchor after"><span><span class="hds-anchor-icon hds-icon hds-icon--link hds-icon--size-xs" aria-hidden="true" style="vertical-align: middle"></span></span></a></h3>
 <p>Note! You can find the full list of properties in the <a aria-label="React Storybook. Opens in a new tab" class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F" href="/storybook/react/?path=/docs/components-searchinput--default" target="_blank" rel="noopener">React Storybook.</a></p>
-<div class="hds-table-container" tabindex="0"><table class="hds-table hds-table--dark" aria-label="Service users (dark variant)"><thead><tr class="hds-table__header-row dark"><th scope="col">Property</th><th scope="col">Description</th><th scope="col">Values</th><th scope="col">Default value</th></tr></thead><tbody class="hds-table__content"><tr><td><code>clearButtonAriaLabel</code></td><td>The aria-label for the clear button.</td><td><code>string</code></td><td>&quot;Clear&quot;</td></tr><tr><td><code>getSuggestions</code></td><td>Callback function fired every time the input content changes. Receives the input value as a parameter. Must return a promise which resolves to an array of SuggestionItems.</td><td><code>function</code></td><td>-</td></tr><tr><td><code>highlightSuggestions</code></td><td>If set to true, the matching part of a suggestion will be highlighted.</td><td><code>boolean</code></td><td>false</td></tr><tr><td><code>label</code></td><td>The label for the search field.</td><td><code>string</code></td><td>-</td></tr><tr><td><code>loadingSpinnerText</code></td><td>Text to show for screen readers when loading spinner is visible.</td><td><code>string</code></td><td>&quot;Loading suggestions&quot;</td></tr><tr><td><code>loadingSpinnerFinishedText</code></td><td>Text to show for screen readers when loading spinner is no longer visible.</td><td><code>string</code></td><td>&quot;Finished loading suggestions&quot;</td></tr><tr><td><code>searchButtonAriaLabel</code></td><td>The aria-label for the search button.</td><td><code>string</code></td><td>&quot;Search&quot;</td></tr><tr><td><code>hideSearchButton</code></td><td>If set to true, the search button will be hidden.</td><td><code>boolean</code></td><td>false</td></tr><tr><td><code>suggestionLabelField</code></td><td>Field of the SuggestionItem that represents the item label. E.g. an <code>suggestionLabelField</code> value of <code>&#x27;foo&#x27;</code> and a suggestion item <code>{ foo: &#x27;Label&#x27;, bar: &#x27;value&#x27; }</code>, would display <code>&#x27;Label&#x27;</code> in the menu for that specific suggestion.</td><td><code>string</code> <code>number</code> <code>symbol</code></td><td>false</td></tr><tr><td><code>visibleSuggestions</code></td><td>The number of suggestions that are visible in the menu before it becomes scrollable.</td><td><code>number</code></td><td>8</td></tr><tr><td>[Table 1:SearchInput properties]</td><td></td><td></td><td></td></tr></tbody></table></div></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-24" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-24)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
+<div class="hds-table-container" tabindex="0"><table class="hds-table hds-table--dark" aria-label="Service users (dark variant)"><thead><tr class="hds-table__header-row dark"><th scope="col">Property</th><th scope="col">Description</th><th scope="col">Values</th><th scope="col">Default value</th></tr></thead><tbody class="hds-table__content"><tr><td><code>clearButtonAriaLabel</code></td><td>The aria-label for the clear button.</td><td><code>string</code></td><td>&quot;Clear&quot;</td></tr><tr><td><code>getSuggestions</code></td><td>Callback function fired every time the input content changes. Receives the input value as a parameter. Must return a promise which resolves to an array of SuggestionItems.</td><td><code>function</code></td><td>-</td></tr><tr><td><code>highlightSuggestions</code></td><td>If set to true, the matching part of a suggestion will be highlighted.</td><td><code>boolean</code></td><td>false</td></tr><tr><td><code>label</code></td><td>The label for the search field.</td><td><code>string</code></td><td>-</td></tr><tr><td><code>loadingSpinnerText</code></td><td>Text to show for screen readers when loading spinner is visible.</td><td><code>string</code></td><td>&quot;Loading suggestions&quot;</td></tr><tr><td><code>loadingSpinnerFinishedText</code></td><td>Text to show for screen readers when loading spinner is no longer visible.</td><td><code>string</code></td><td>&quot;Finished loading suggestions&quot;</td></tr><tr><td><code>searchButtonAriaLabel</code></td><td>The aria-label for the search button.</td><td><code>string</code></td><td>&quot;Search&quot;</td></tr><tr><td><code>hideSearchButton</code></td><td>If set to true, the search button will be hidden.</td><td><code>boolean</code></td><td>false</td></tr><tr><td><code>suggestionLabelField</code></td><td>Field of the SuggestionItem that represents the item label. E.g. an <code>suggestionLabelField</code> value of <code>&#x27;foo&#x27;</code> and a suggestion item <code>{ foo: &#x27;Label&#x27;, bar: &#x27;value&#x27; }</code>, would display <code>&#x27;Label&#x27;</code> in the menu for that specific suggestion.</td><td><code>string</code> <code>number</code> <code>symbol</code></td><td>false</td></tr><tr><td><code>visibleSuggestions</code></td><td>The number of suggestions that are visible in the menu before it becomes scrollable.</td><td><code>number</code></td><td>8</td></tr><tr><td>[Table 1:SearchInput properties]</td><td></td><td></td><td></td></tr></tbody></table></div></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-23" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-23)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
     window.dev = undefined
     if (window.dev === true || !(navigator.doNotTrack === '1' || window.doNotTrack === '1')) {
       window._paq = window._paq || [];
@@ -306,6 +306,6 @@ <h3 id="properties" style="position:relative" class="page-heading-3 heading-m">P
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/components/search-input/index.html b/docs/header-custom-theme-site/components/search-input/index.html
index 1c7945d922..e793ebf1aa 100644
--- a/docs/header-custom-theme-site/components/search-input/index.html
+++ b/docs/header-custom-theme-site/components/search-input/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | SearchInput"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | SearchInput"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -88,7 +88,7 @@ <h4 id="with-suggestions-and-highlighting" style="position:relative" class="page
 <p>Suggestion highlighting is activated with <code>highlightSuggestions</code> property and it becomes visible after at least three characters are typed into the input.</p>
 <p>Note! This feature is experimental and we are looking to improve it after project feedback.</p>
 <!-- -->
-<div class="playground-block-preview playground-block-preview-light"><div style="font-size:var(--fontsize-body-m);margin-bottom:var(--spacing-m)">To see highlighting in action, search for &quot;education&quot;.</div><div class="SearchInput-module_root__sMwrY" style="max-width:320px"><label id="downshift-15-label" for="downshift-14-input" class="FieldLabel-module_label__1zrXK ">Search education services</label><div class="SearchInput-module_wrapper__114JK"><input id="downshift-14-input" aria-autocomplete="list" aria-controls="downshift-15-menu" aria-labelledby="downshift-15-label" autoComplete="off" role="combobox" aria-expanded="false" aria-haspopup="listbox" aria-owns="downshift-15-menu" class="SearchInput-module_input__Addns" enterKeyHint="search" value=""/><div class="SearchInput-module_buttons__2O_2t search-input_hds-search-input__buttons__3PawT"><button type="button" aria-label="Search" class="SearchInput-module_button__z7NIp search-input_hds-search-input__button__1-cj-"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik SearchInput-module_searchIcon__l1_S4" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="search" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M15 1C19.4183 1 23 4.58172 23 9C23 13.4183 19.4183 17 15 17C13.2001 17 11.539 16.4056 10.2023 15.4023L3.80101 21.8021L2.21002 20.2111L8.60822 13.8117C7.59861 12.4726 7.00002 10.8062 7.00002 9C7.00002 4.58172 10.5817 1 15 1ZM15 3C11.6863 3 9.00002 5.68629 9.00002 9C9.00002 12.3137 11.6863 15 15 15C18.3137 15 21 12.3137 21 9C21 5.68629 18.3137 3 15 3Z" fill="currentColor"></path></svg></button></div><ul id="downshift-15-menu" role="listbox" aria-labelledby="downshift-15-label" style="max-height:416px" class="SearchInput-module_menu__2P8CO"></ul></div><div class="SearchInput-module_helperText__2AWSL">Assistive text</div></div></div></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-22" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-22)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
+<div class="playground-block-preview playground-block-preview-light"><div style="font-size:var(--fontsize-body-m);margin-bottom:var(--spacing-m)">To see highlighting in action, search for &quot;education&quot;.</div><div class="SearchInput-module_root__sMwrY" style="max-width:320px"><label id="downshift-15-label" for="downshift-14-input" class="FieldLabel-module_label__1zrXK ">Search education services</label><div class="SearchInput-module_wrapper__114JK"><input id="downshift-14-input" aria-autocomplete="list" aria-controls="downshift-15-menu" aria-labelledby="downshift-15-label" autoComplete="off" role="combobox" aria-expanded="false" aria-haspopup="listbox" aria-owns="downshift-15-menu" class="SearchInput-module_input__Addns" enterKeyHint="search" value=""/><div class="SearchInput-module_buttons__2O_2t search-input_hds-search-input__buttons__3PawT"><button type="button" aria-label="Search" class="SearchInput-module_button__z7NIp search-input_hds-search-input__button__1-cj-"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik SearchInput-module_searchIcon__l1_S4" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="search" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M15 1C19.4183 1 23 4.58172 23 9C23 13.4183 19.4183 17 15 17C13.2001 17 11.539 16.4056 10.2023 15.4023L3.80101 21.8021L2.21002 20.2111L8.60822 13.8117C7.59861 12.4726 7.00002 10.8062 7.00002 9C7.00002 4.58172 10.5817 1 15 1ZM15 3C11.6863 3 9.00002 5.68629 9.00002 9C9.00002 12.3137 11.6863 15 15 15C18.3137 15 21 12.3137 21 9C21 5.68629 18.3137 3 15 3Z" fill="currentColor"></path></svg></button></div><ul id="downshift-15-menu" role="listbox" aria-labelledby="downshift-15-label" style="max-height:416px" class="SearchInput-module_menu__2P8CO"></ul></div><div class="SearchInput-module_helperText__2AWSL">Assistive text</div></div></div></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-24" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-24)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
     window.dev = undefined
     if (window.dev === true || !(navigator.doNotTrack === '1' || window.doNotTrack === '1')) {
       window._paq = window._paq || [];
@@ -116,6 +116,6 @@ <h4 id="with-suggestions-and-highlighting" style="position:relative" class="page
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/components/search-input/tabs/index.html b/docs/header-custom-theme-site/components/search-input/tabs/index.html
index 34312521a1..748dd79ff4 100644
--- a/docs/header-custom-theme-site/components/search-input/tabs/index.html
+++ b/docs/header-custom-theme-site/components/search-input/tabs/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | SearchInput"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | SearchInput"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -83,6 +83,6 @@
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/components/selection-group/accessibility/index.html b/docs/header-custom-theme-site/components/selection-group/accessibility/index.html
index 216e9e4dec..b9063542fa 100644
--- a/docs/header-custom-theme-site/components/selection-group/accessibility/index.html
+++ b/docs/header-custom-theme-site/components/selection-group/accessibility/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | SelectionGroup - Accessibility"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | SelectionGroup - Accessibility"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -87,6 +87,6 @@ <h3 id="pay-attention-to" style="position:relative" class="page-heading-3 headin
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/components/selection-group/code/index.html b/docs/header-custom-theme-site/components/selection-group/code/index.html
index 226ca64390..7ffd251d72 100644
--- a/docs/header-custom-theme-site/components/selection-group/code/index.html
+++ b/docs/header-custom-theme-site/components/selection-group/code/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | SelectionGroup - Code"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | SelectionGroup - Code"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -321,6 +321,6 @@ <h3 id="properties" style="position:relative" class="page-heading-3 heading-m">P
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/components/selection-group/index.html b/docs/header-custom-theme-site/components/selection-group/index.html
index 26a98fa7bf..234a66a8c4 100644
--- a/docs/header-custom-theme-site/components/selection-group/index.html
+++ b/docs/header-custom-theme-site/components/selection-group/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | SelectionGroup"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | SelectionGroup"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -111,6 +111,6 @@ <h4 id="horizontal-group" style="position:relative" class="page-heading-4 headin
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/components/selection-group/tabs/index.html b/docs/header-custom-theme-site/components/selection-group/tabs/index.html
index 6176fe9020..a61fe0e761 100644
--- a/docs/header-custom-theme-site/components/selection-group/tabs/index.html
+++ b/docs/header-custom-theme-site/components/selection-group/tabs/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | SelectionGroup"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | SelectionGroup"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -55,7 +55,7 @@
   </script><link rel="manifest" href="/hds-demo/header-custom-theme-site/manifest.webmanifest" crossorigin="anonymous"/><link rel="apple-touch-icon" sizes="any" href="/hds-demo/header-custom-theme-site/favicon/light/favicon-32x32.ico"/><link rel="apple-touch-icon" href="/hds-demo/header-custom-theme-site/favicon/light/apple-touch-icon.png"/><link rel="apple-touch-icon" sizes="192x192" href="/hds-demo/header-custom-theme-site/favicon/light/favicon-192x192.png"/><link rel="apple-touch-icon" sizes="512x512" href="/hds-demo/header-custom-theme-site/favicon/light/favicon-512x512.png"/><link rel="preconnect" href="https://webanalytics.digiaiiris.com/js"/></head><body><div id="___gatsby"><div style="outline:none" tabindex="-1" id="gatsby-focus-wrapper"><div class="page text-body"><header id="page-header" class="Navigation-module_header__2HNOX Navigation-module_theme-light__36nmi pageHeader"><a class="Navigation-module_skipToContent__2p54x" href="#content">Skip to content</a><div class="visible-module_belowM__2GR1J"><div class="Navigation-module_headerBackgroundWrapper__137R3"><div class="Navigation-module_headerContainer__2YPsu"><a class="Navigation-module_title__3zRBe" href="https://hds.hel.fi" aria-label="Helsinki: Helsinki Design System"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Navigation-module_logo__1sEy6" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg><span><div class="page-header-title"><div>Helsinki Design System</div><div class="page-header-title-badge"><img style="filter:invert(1)" alt="HDS version number: 2.15.0" src="https://img.shields.io/github/v/release/City-of-Helsinki/helsinki-design-system?label=&amp;style=for-the-badge&amp;color=1a1a1a"/></div></div></span></a><button aria-label="menu" aria-haspopup="true" aria-expanded="false" type="button" class="Navigation-module_mobileMenuToggle__1v6en"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="menu-hamburger" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M22 17V19H2V17H22ZM22 11V13H2V11H22ZM22 5V7H2V5H22Z" fill="currentColor"></path></svg></button></div></div></div><div class="visible-module_aboveM__31mn_"><div class="Navigation-module_headerBackgroundWrapper__137R3"><div class="Navigation-module_headerContainer__2YPsu"><a class="Navigation-module_title__3zRBe" href="https://hds.hel.fi" aria-label="Helsinki: Helsinki Design System"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Navigation-module_logo__1sEy6" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg><span><div class="page-header-title"><div>Helsinki Design System</div><div class="page-header-title-badge"><img style="filter:invert(1)" alt="HDS version number: 2.15.0" src="https://img.shields.io/github/v/release/City-of-Helsinki/helsinki-design-system?label=&amp;style=for-the-badge&amp;color=1a1a1a"/></div></div></span></a><div class="Navigation-module_headerContent__3zHbK"></div></div></div><nav class="NavigationRow-module_navigation__24tui NavigationRow-module_subNav__3fDXv" aria-label="Site navigation"><a class="NavigationItem-module_rowItem__2QxRz" href="/hds-demo/header-custom-theme-site/getting-started/"><span class="NavigationItem-module_label__1UsXG button_hds-button__label__3r3Mi">Getting started</span></a><a class="NavigationItem-module_rowItem__2QxRz" href="/hds-demo/header-custom-theme-site/foundation/"><span class="NavigationItem-module_label__1UsXG button_hds-button__label__3r3Mi">Foundation</span></a><a aria-current="page" class="NavigationItem-module_rowItem__2QxRz NavigationItem-module_active__3Ckcw" href="/hds-demo/header-custom-theme-site/components/"><span class="NavigationItem-module_label__1UsXG button_hds-button__label__3r3Mi">Components</span></a><a class="NavigationItem-module_rowItem__2QxRz" href="/hds-demo/header-custom-theme-site/patterns/"><span class="NavigationItem-module_label__1UsXG button_hds-button__label__3r3Mi">Patterns</span></a><a class="NavigationItem-module_rowItem__2QxRz" href="/hds-demo/header-custom-theme-site/about/"><span class="NavigationItem-module_label__1UsXG button_hds-button__label__3r3Mi">About</span></a></nav></div></header><div class="page-content"><aside class="side-content"><nav class="SideNavigation-module_sideNavigation__3X-9P" id="side-navigation" aria-label="Components"><button type="button" class="Button-module_button__1msFE button_hds-button__2A0je Button-module_secondary__1nABp button_hds-button--secondary__1NOWS Button-module_fullWidth__31eVK button_hds-button--fullwidth__1_hG9 SideNavigation-module_toggleButton__10tXH" aria-controls="side-navigation-menu" aria-expanded="false" aria-haspopup="true"><span class="Button-module_label__a4np1 button_hds-button__label__2EQa-">Navigate to page</span><div class="Button-module_icon__O-h7R button_hds-icon__17j8Z" aria-hidden="true"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-down" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 13.5L17 8.5L18.5 10L12 16.5L5.5 10L7 8.5L12 13.5Z" fill="currentColor"></path></svg></div></button><ul class="SideNavigation-module_mainLevelList__SLZKQ" aria-label="Navigate to page" id="side-navigation-menu"><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Overview" id="side-nav-components" href="/hds-demo/header-custom-theme-site/components"><span class="MainLevel-module_label__uWKJ7">Overview</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Accordion" id="side-nav-components-accordion" href="/hds-demo/header-custom-theme-site/components/accordion"><span class="MainLevel-module_label__uWKJ7">Accordion</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Breadcrumb" id="side-nav-components-breadcrumb" href="/hds-demo/header-custom-theme-site/components/breadcrumb"><span class="MainLevel-module_label__uWKJ7">Breadcrumb</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Button" id="side-nav-components-buttons" href="/hds-demo/header-custom-theme-site/components/buttons"><span class="MainLevel-module_label__uWKJ7">Button</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Card" id="side-nav-components-card" href="/hds-demo/header-custom-theme-site/components/card"><span class="MainLevel-module_label__uWKJ7">Card</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Checkbox" id="side-nav-components-checkbox" href="/hds-demo/header-custom-theme-site/components/checkbox"><span class="MainLevel-module_label__uWKJ7">Checkbox</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="CookieConsent" id="side-nav-components-cookie-consent" href="/hds-demo/header-custom-theme-site/components/cookie-consent"><span class="MainLevel-module_label__uWKJ7">CookieConsent</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="DateInput" id="side-nav-components-date-input" href="/hds-demo/header-custom-theme-site/components/date-input"><span class="MainLevel-module_label__uWKJ7">DateInput</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Dialog" id="side-nav-components-dialog" href="/hds-demo/header-custom-theme-site/components/dialog"><span class="MainLevel-module_label__uWKJ7">Dialog</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Dropdown" id="side-nav-components-dropdown" href="/hds-demo/header-custom-theme-site/components/dropdown"><span class="MainLevel-module_label__uWKJ7">Dropdown</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Fieldset" id="side-nav-components-fieldset" href="/hds-demo/header-custom-theme-site/components/fieldset"><span class="MainLevel-module_label__uWKJ7">Fieldset</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="FileInput" id="side-nav-components-file-input" href="/hds-demo/header-custom-theme-site/components/file-input"><span class="MainLevel-module_label__uWKJ7">FileInput</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Footer" id="side-nav-components-footer" href="/hds-demo/header-custom-theme-site/components/footer"><span class="MainLevel-module_label__uWKJ7">Footer</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Header" id="side-nav-components-header" href="/hds-demo/header-custom-theme-site/components/header"><span class="MainLevel-module_label__uWKJ7">Header</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Hero" id="side-nav-components-hero" href="/hds-demo/header-custom-theme-site/components/hero"><span class="MainLevel-module_label__uWKJ7">Hero</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Highlight" id="side-nav-components-highlight" href="/hds-demo/header-custom-theme-site/components/highlight"><span class="MainLevel-module_label__uWKJ7">Highlight</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Icon" id="side-nav-components-icon" href="/hds-demo/header-custom-theme-site/components/icon"><span class="MainLevel-module_label__uWKJ7">Icon</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Koros" id="side-nav-components-koros" href="/hds-demo/header-custom-theme-site/components/koros"><span class="MainLevel-module_label__uWKJ7">Koros</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Link" id="side-nav-components-link" href="/hds-demo/header-custom-theme-site/components/link"><span class="MainLevel-module_label__uWKJ7">Link</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Linkbox" id="side-nav-components-linkbox" href="/hds-demo/header-custom-theme-site/components/linkbox"><span class="MainLevel-module_label__uWKJ7">Linkbox</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="LoadingSpinner" id="side-nav-components-loading-spinner" href="/hds-demo/header-custom-theme-site/components/loading-spinner"><span class="MainLevel-module_label__uWKJ7">LoadingSpinner</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Logo" id="side-nav-components-logo" href="/hds-demo/header-custom-theme-site/components/logo"><span class="MainLevel-module_label__uWKJ7">Logo</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Navigation" id="side-nav-components-navigation" href="/hds-demo/header-custom-theme-site/components/navigation"><span class="MainLevel-module_label__uWKJ7">Navigation</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Notification" id="side-nav-components-notification" href="/hds-demo/header-custom-theme-site/components/notification"><span class="MainLevel-module_label__uWKJ7">Notification</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="NumberInput" id="side-nav-components-number-input" href="/hds-demo/header-custom-theme-site/components/number-input"><span class="MainLevel-module_label__uWKJ7">NumberInput</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Pagination" id="side-nav-components-pagination" href="/hds-demo/header-custom-theme-site/components/pagination"><span class="MainLevel-module_label__uWKJ7">Pagination</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="PasswordInput" id="side-nav-components-password-input" href="/hds-demo/header-custom-theme-site/components/password-input"><span class="MainLevel-module_label__uWKJ7">PasswordInput</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="PhoneInput" id="side-nav-components-phone-input" href="/hds-demo/header-custom-theme-site/components/phone-input"><span class="MainLevel-module_label__uWKJ7">PhoneInput</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="RadioButton" id="side-nav-components-radio-button" href="/hds-demo/header-custom-theme-site/components/radio-button"><span class="MainLevel-module_label__uWKJ7">RadioButton</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="SearchInput" id="side-nav-components-search-input" href="/hds-demo/header-custom-theme-site/components/search-input"><span class="MainLevel-module_label__uWKJ7">SearchInput</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_active__3IkdI MainLevel-module_open__2yWFj"><a aria-current="page" aria-label="SelectionGroup" id="side-nav-components-selection-group" href="/hds-demo/header-custom-theme-site/components/selection-group"><span class="MainLevel-module_label__uWKJ7">SelectionGroup</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="SideNavigation" id="side-nav-components-side-navigation" href="/hds-demo/header-custom-theme-site/components/side-navigation"><span class="MainLevel-module_label__uWKJ7">SideNavigation</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="StatusLabel" id="side-nav-components-status-label" href="/hds-demo/header-custom-theme-site/components/status-label"><span class="MainLevel-module_label__uWKJ7">StatusLabel</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="StepByStep" id="side-nav-components-step-by-step" href="/hds-demo/header-custom-theme-site/components/step-by-step"><span class="MainLevel-module_label__uWKJ7">StepByStep</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Stepper" id="side-nav-components-stepper" href="/hds-demo/header-custom-theme-site/components/stepper"><span class="MainLevel-module_label__uWKJ7">Stepper</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Table" id="side-nav-components-table" href="/hds-demo/header-custom-theme-site/components/table"><span class="MainLevel-module_label__uWKJ7">Table</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Tabs" id="side-nav-components-tabs" href="/hds-demo/header-custom-theme-site/components/tabs"><span class="MainLevel-module_label__uWKJ7">Tabs</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Tag" id="side-nav-components-tag" href="/hds-demo/header-custom-theme-site/components/tag"><span class="MainLevel-module_label__uWKJ7">Tag</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="TextArea" id="side-nav-components-text-area" href="/hds-demo/header-custom-theme-site/components/text-area"><span class="MainLevel-module_label__uWKJ7">TextArea</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="TextInput" id="side-nav-components-text-input" href="/hds-demo/header-custom-theme-site/components/text-input"><span class="MainLevel-module_label__uWKJ7">TextInput</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="TimeInput" id="side-nav-components-time-input" href="/hds-demo/header-custom-theme-site/components/time-input"><span class="MainLevel-module_label__uWKJ7">TimeInput</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="ToggleButton" id="side-nav-components-toggle-button" href="/hds-demo/header-custom-theme-site/components/toggle-button"><span class="MainLevel-module_label__uWKJ7">ToggleButton</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Tooltip" id="side-nav-components-tooltip" href="/hds-demo/header-custom-theme-site/components/tooltip"><span class="MainLevel-module_label__uWKJ7">Tooltip</span></a></li></ul></nav></aside><main id="content" class="main-content"><h1 id="selectiongroup" style="position:relative" class="page-heading-1 heading-xl-mobile">SelectionGroup<a href="#selectiongroup" aria-label="selectiongroup permalink" class="header-anchor after"><span><span class="hds-anchor-icon hds-icon hds-icon--link hds-icon--size-xs" aria-hidden="true" style="vertical-align: middle"></span></span></a></h1>
 <div class="status-label-description"><span class="StatusLabel-module_statusLabel__3R2J2 status-label_hds-status-label__1L8YI StatusLabel-module_info__3YrAe status-label_hds-status-label--info__J28-H">Stable</span><span class="StatusLabel-module_statusLabel__3R2J2 status-label_hds-status-label__1L8YI StatusLabel-module_success__2BfdX status-label_hds-status-label--success__3jiST" style="margin-left:var(--spacing-xs)">Accessible</span><div class="Tooltip-module_root__1Yo9t status-label-tooltip"><button type="button" class="Tooltip-module_button__2x9m0" title="Tooltip" aria-label="Tooltip" aria-expanded="false"><span aria-hidden="true"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="question-circle" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2ZM12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4ZM13 16V18H11V16H13ZM12.0437 5.75C14.0343 5.75 15.7173 7.29464 15.7173 9.42361C15.7173 10.7806 15.2461 11.489 14.161 12.306L13.9187 12.4844C13.1753 13.0295 12.9556 13.3359 12.9386 14.142L12.9375 14.25H10.9375C10.9375 12.6746 11.4591 11.8378 12.6143 10.9622L12.8618 10.7796C13.5685 10.2628 13.7173 10.0539 13.7173 9.42361C13.7173 8.43934 12.9662 7.75 12.0437 7.75C11.1907 7.75 10.4785 8.34077 10.3816 9.20835L10.3734 9.30587L8.37663 9.19182C8.49191 7.17347 10.1344 5.75 12.0437 5.75Z" fill="currentColor"></path></svg></span></button></div></div>
 <p style="font-size:var(--fontsize-body-xl);color:var(--color-black-90);max-width:600px">Selection group allows grouping related form selection elements (such as Checkboxes) to each other.</p>
-<div class="Tabs-module_tabs__2Ww5F"><div class="Tabs-module_tablistBar__elMv9 page-tabs-list"><div class="Tabs-module_scrollButton__3ufhP" aria-hidden="true"><button type="button" tabindex="-1"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-left" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.5 12L15.5 17L14 18.5L7.5 12L14 5.5L15.5 7L10.5 12Z" fill="currentColor"></path></svg></button></div><div class="Tabs-module_tablist__1iuDO"><ul role="tablist" style="width:0px"><li role="tab" aria-selected="true" aria-controls="tab-0-panel" tabindex="0" id="tab-0-button" class="Tabs-module_tab__3oOoX Tabs-module_active__1Ic3B"><span>Usage</span></li><li role="tab" aria-selected="false" aria-controls="tab-1-panel" tabindex="-1" id="tab-1-button" class="Tabs-module_tab__3oOoX"><span>Code</span></li><li role="tab" aria-selected="false" aria-controls="tab-2-panel" tabindex="-1" id="tab-2-button" class="Tabs-module_tab__3oOoX"><span>Accessibility</span></li></ul></div><div class="Tabs-module_scrollButton__3ufhP" aria-hidden="true"><button type="button" tabindex="-1"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-right" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.5 12L8.5 7L10 5.5L16.5 12L10 18.5L8.5 17L13.5 12Z" fill="currentColor"></path></svg></button></div></div><div id="tab-0-panel" role="tabpanel" aria-labelledby="tab-0-button"></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-12" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-12)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
+<div class="Tabs-module_tabs__2Ww5F"><div class="Tabs-module_tablistBar__elMv9 page-tabs-list"><div class="Tabs-module_scrollButton__3ufhP" aria-hidden="true"><button type="button" tabindex="-1"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-left" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.5 12L15.5 17L14 18.5L7.5 12L14 5.5L15.5 7L10.5 12Z" fill="currentColor"></path></svg></button></div><div class="Tabs-module_tablist__1iuDO"><ul role="tablist" style="width:0px"><li role="tab" aria-selected="true" aria-controls="tab-0-panel" tabindex="0" id="tab-0-button" class="Tabs-module_tab__3oOoX Tabs-module_active__1Ic3B"><span>Usage</span></li><li role="tab" aria-selected="false" aria-controls="tab-1-panel" tabindex="-1" id="tab-1-button" class="Tabs-module_tab__3oOoX"><span>Code</span></li><li role="tab" aria-selected="false" aria-controls="tab-2-panel" tabindex="-1" id="tab-2-button" class="Tabs-module_tab__3oOoX"><span>Accessibility</span></li></ul></div><div class="Tabs-module_scrollButton__3ufhP" aria-hidden="true"><button type="button" tabindex="-1"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-right" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.5 12L8.5 7L10 5.5L16.5 12L10 18.5L8.5 17L13.5 12Z" fill="currentColor"></path></svg></button></div></div><div id="tab-0-panel" role="tabpanel" aria-labelledby="tab-0-button"></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-11" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-11)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
     window.dev = undefined
     if (window.dev === true || !(navigator.doNotTrack === '1' || window.doNotTrack === '1')) {
       window._paq = window._paq || [];
@@ -83,6 +83,6 @@
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/components/side-navigation/accessibility/index.html b/docs/header-custom-theme-site/components/side-navigation/accessibility/index.html
index bb79d6e561..be9600a2c2 100644
--- a/docs/header-custom-theme-site/components/side-navigation/accessibility/index.html
+++ b/docs/header-custom-theme-site/components/side-navigation/accessibility/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | SideNavigation - Accessibility"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | SideNavigation - Accessibility"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -62,7 +62,7 @@ <h3 id="pay-attention-to" style="position:relative" class="page-heading-3 headin
 <li><strong>When designing a menu link hierarchy, always think about keyboard and screen reader users.</strong> First, make sure top-level menu labels are clear, and submenu items contextually fit under the top-level. Next, make sure the menu option order is logical and reasonable. Remember that keyboard users need to manually navigate to each element and thus placing a commonly used menu option last is not optimal.</li>
 <li>If you are using both the main (top) and the side navigation, it is a good practice to include an anchor link to the side navigation at the beginning of the main (top) navigation. This way assistive technologies can easily access the side navigation after a page load.</li>
 <li>If there are multiple navigational components on the page, they should have individual aria-labels. This helps screen reader users to distinguish them from each other. The SideNavigation component has an ariaLabel property for that purpose.</li>
-</ul></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-11" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-11)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
+</ul></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-12" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-12)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
     window.dev = undefined
     if (window.dev === true || !(navigator.doNotTrack === '1' || window.doNotTrack === '1')) {
       window._paq = window._paq || [];
@@ -90,6 +90,6 @@ <h3 id="pay-attention-to" style="position:relative" class="page-heading-3 headin
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/components/side-navigation/code/index.html b/docs/header-custom-theme-site/components/side-navigation/code/index.html
index ee1b4f06fa..083b9f3888 100644
--- a/docs/header-custom-theme-site/components/side-navigation/code/index.html
+++ b/docs/header-custom-theme-site/components/side-navigation/code/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | SideNavigation - Code"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | SideNavigation - Code"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -546,6 +546,6 @@ <h3 id="properties" style="position:relative" class="page-heading-3 heading-m">P
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/components/side-navigation/customisation/index.html b/docs/header-custom-theme-site/components/side-navigation/customisation/index.html
index f10d151fca..9ee6aaf38e 100644
--- a/docs/header-custom-theme-site/components/side-navigation/customisation/index.html
+++ b/docs/header-custom-theme-site/components/side-navigation/customisation/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | SideNavigation - Customisation"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | SideNavigation - Customisation"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -344,6 +344,6 @@ <h3 id="customisation-example" style="position:relative" class="page-heading-3 h
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/components/side-navigation/index.html b/docs/header-custom-theme-site/components/side-navigation/index.html
index 5361adf3e8..4884d4ca99 100644
--- a/docs/header-custom-theme-site/components/side-navigation/index.html
+++ b/docs/header-custom-theme-site/components/side-navigation/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | SideNavigation"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | SideNavigation"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -109,7 +109,7 @@ <h4 id="with-skip-link" style="position:relative" class="page-heading-4 heading-
 <li>Using the SideNavigation.SkipLink component is optional. Use the skip link component to help keyboard-only users skip the navigation links and jump to the main content.</li>
 <li>See Example for SideNavigation.SkipLink <a aria-label="in Storybook. Opens in a new tab" class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F" href="/storybook/react/?path=/story/components-sidenavigation--with-skip-link" target="_blank" rel="noopener">in Storybook</a></li>
 <li>The SideNavigation.SkipLink supports ariaLabel which gives possibility to define more informative text for screen readers</li>
-</ul></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-3" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-3)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
+</ul></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-4" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-4)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
     window.dev = undefined
     if (window.dev === true || !(navigator.doNotTrack === '1' || window.doNotTrack === '1')) {
       window._paq = window._paq || [];
@@ -137,6 +137,6 @@ <h4 id="with-skip-link" style="position:relative" class="page-heading-4 heading-
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/components/side-navigation/tabs/index.html b/docs/header-custom-theme-site/components/side-navigation/tabs/index.html
index edf981c752..eee6d2fdf7 100644
--- a/docs/header-custom-theme-site/components/side-navigation/tabs/index.html
+++ b/docs/header-custom-theme-site/components/side-navigation/tabs/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | SideNavigation"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | SideNavigation"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -56,7 +56,7 @@
 <div class="status-label-description"><span class="StatusLabel-module_statusLabel__3R2J2 status-label_hds-status-label__1L8YI StatusLabel-module_alert__2VR8r status-label_hds-status-label--alert__1ecsX">Beta</span><span class="StatusLabel-module_statusLabel__3R2J2 status-label_hds-status-label__1L8YI StatusLabel-module_success__2BfdX status-label_hds-status-label--success__3jiST" style="margin-left:var(--spacing-xs)">Accessible</span><div class="Tooltip-module_root__1Yo9t status-label-tooltip"><button type="button" class="Tooltip-module_button__2x9m0" title="Tooltip" aria-label="Tooltip" aria-expanded="false"><span aria-hidden="true"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="question-circle" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2ZM12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4ZM13 16V18H11V16H13ZM12.0437 5.75C14.0343 5.75 15.7173 7.29464 15.7173 9.42361C15.7173 10.7806 15.2461 11.489 14.161 12.306L13.9187 12.4844C13.1753 13.0295 12.9556 13.3359 12.9386 14.142L12.9375 14.25H10.9375C10.9375 12.6746 11.4591 11.8378 12.6143 10.9622L12.8618 10.7796C13.5685 10.2628 13.7173 10.0539 13.7173 9.42361C13.7173 8.43934 12.9662 7.75 12.0437 7.75C11.1907 7.75 10.4785 8.34077 10.3816 9.20835L10.3734 9.30587L8.37663 9.19182C8.49191 7.17347 10.1344 5.75 12.0437 5.75Z" fill="currentColor"></path></svg></span></button></div></div>
 <p style="font-size:var(--fontsize-body-xl);color:var(--color-black-90);max-width:600px">A side navigation is an additional navigation element that is located at the left-hand side of the viewport. It provides an extra level of navigation and also can be helpful in situations where the traditional top navigation feels too clumsy. </p>
 <section class="Notification-module_notification__2hN3H notification_hds-notification__2DQPN siteNotification" aria-label="Notification"><div class="Notification-module_content__ZZKvE notification_hds-notification__content__5ylSS"><div class="Notification-module_label__1bhNu notification_hds-notification__label__2t1lR" role="heading" aria-level="2"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik Notification-module_icon__1ans7 notification_hds-icon__29HQM" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="info-circle-fill" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3ZM13 10V16.5H15V18H9V16.5H11V11.5H9V10H13ZM11.8125 6C12.5374 6 13.125 6.5876 13.125 7.3125C13.125 8.03735 12.5374 8.625 11.8125 8.625C11.0876 8.625 10.5 8.03735 10.5 7.3125C10.5 6.5876 11.0876 6 11.8125 6Z" fill="currentColor"></path></svg>A visual rework is coming soon!</div><div class="Notification-module_body__9BSAD notification_hds-notification__body__3cobH"><p>The HDS team will be unifying the SideNavigation component with the Hel.fi project side navigation in the near future.</p></div></div></section>
-<div class="Tabs-module_tabs__2Ww5F"><div class="Tabs-module_tablistBar__elMv9 page-tabs-list"><div class="Tabs-module_scrollButton__3ufhP" aria-hidden="true"><button type="button" tabindex="-1"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-left" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.5 12L15.5 17L14 18.5L7.5 12L14 5.5L15.5 7L10.5 12Z" fill="currentColor"></path></svg></button></div><div class="Tabs-module_tablist__1iuDO"><ul role="tablist" style="width:0px"><li role="tab" aria-selected="true" aria-controls="tab-0-panel" tabindex="0" id="tab-0-button" class="Tabs-module_tab__3oOoX Tabs-module_active__1Ic3B"><span>Usage</span></li><li role="tab" aria-selected="false" aria-controls="tab-1-panel" tabindex="-1" id="tab-1-button" class="Tabs-module_tab__3oOoX"><span>Code</span></li><li role="tab" aria-selected="false" aria-controls="tab-2-panel" tabindex="-1" id="tab-2-button" class="Tabs-module_tab__3oOoX"><span>Accessibility</span></li><li role="tab" aria-selected="false" aria-controls="tab-3-panel" tabindex="-1" id="tab-3-button" class="Tabs-module_tab__3oOoX"><span>Customisation</span></li></ul></div><div class="Tabs-module_scrollButton__3ufhP" aria-hidden="true"><button type="button" tabindex="-1"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-right" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.5 12L8.5 7L10 5.5L16.5 12L10 18.5L8.5 17L13.5 12Z" fill="currentColor"></path></svg></button></div></div><div id="tab-0-panel" role="tabpanel" aria-labelledby="tab-0-button"></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-4" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-4)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
+<div class="Tabs-module_tabs__2Ww5F"><div class="Tabs-module_tablistBar__elMv9 page-tabs-list"><div class="Tabs-module_scrollButton__3ufhP" aria-hidden="true"><button type="button" tabindex="-1"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-left" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.5 12L15.5 17L14 18.5L7.5 12L14 5.5L15.5 7L10.5 12Z" fill="currentColor"></path></svg></button></div><div class="Tabs-module_tablist__1iuDO"><ul role="tablist" style="width:0px"><li role="tab" aria-selected="true" aria-controls="tab-0-panel" tabindex="0" id="tab-0-button" class="Tabs-module_tab__3oOoX Tabs-module_active__1Ic3B"><span>Usage</span></li><li role="tab" aria-selected="false" aria-controls="tab-1-panel" tabindex="-1" id="tab-1-button" class="Tabs-module_tab__3oOoX"><span>Code</span></li><li role="tab" aria-selected="false" aria-controls="tab-2-panel" tabindex="-1" id="tab-2-button" class="Tabs-module_tab__3oOoX"><span>Accessibility</span></li><li role="tab" aria-selected="false" aria-controls="tab-3-panel" tabindex="-1" id="tab-3-button" class="Tabs-module_tab__3oOoX"><span>Customisation</span></li></ul></div><div class="Tabs-module_scrollButton__3ufhP" aria-hidden="true"><button type="button" tabindex="-1"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-right" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.5 12L8.5 7L10 5.5L16.5 12L10 18.5L8.5 17L13.5 12Z" fill="currentColor"></path></svg></button></div></div><div id="tab-0-panel" role="tabpanel" aria-labelledby="tab-0-button"></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-3" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-3)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
     window.dev = undefined
     if (window.dev === true || !(navigator.doNotTrack === '1' || window.doNotTrack === '1')) {
       window._paq = window._paq || [];
@@ -84,6 +84,6 @@
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/components/status-label/accessibility/index.html b/docs/header-custom-theme-site/components/status-label/accessibility/index.html
index c8e409bede..b4fbba0b12 100644
--- a/docs/header-custom-theme-site/components/status-label/accessibility/index.html
+++ b/docs/header-custom-theme-site/components/status-label/accessibility/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | StatusLabel - Accessibility"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | StatusLabel - Accessibility"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -88,6 +88,6 @@ <h3 id="pay-attention-to" style="position:relative" class="page-heading-3 headin
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/components/status-label/code/index.html b/docs/header-custom-theme-site/components/status-label/code/index.html
index b16c01ad9f..fc3cae3c2e 100644
--- a/docs/header-custom-theme-site/components/status-label/code/index.html
+++ b/docs/header-custom-theme-site/components/status-label/code/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | StatusLabel - Code"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | StatusLabel - Code"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -159,7 +159,7 @@ <h3 id="packages" style="position:relative" class="page-heading-3 heading-m">Pac
 <div class="hds-table-container" tabindex="0"><table class="hds-table hds-table--dark" aria-label="Service users (dark variant)"><thead><tr class="hds-table__header-row dark"><th scope="col">Package</th><th scope="col">Included</th><th scope="col">Storybook link</th><th scope="col">Source link</th></tr></thead><tbody class="hds-table__content"><tr><td><strong>HDS React</strong></td><td><div style="display:flex;gap:var(--spacing-3-xs)"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="check-circle-fill" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3ZM16.5 8L18 9.5L10.5 17L6 12.5L7.5 11L10.5 14L16.5 8Z" fill="currentColor"></path></svg> Yes </div></td><td><a aria-label="View in Storybook. Opens in a new tab" class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F" href="/storybook/react/?path=/story/components-statuslabel--neutral" target="_blank" rel="noopener">View in Storybook</a></td><td><a aria-label="View source. Opens in a new tab Opens a different website." class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F" href="https://github.com/City-of-Helsinki/helsinki-design-system/tree/master/packages/react/src/components/statusLabel" target="_blank" rel="noopener">View source<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik Link-module_icon__3ReCc link_icon__i_HqN Link-module_verticalAlignMediumIcon__12PVa link_vertical-align-medium-icon__3IWi1" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="link-external" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M5 3V19H21V21H3V3H5ZM21 3V12H19V6.413L9.91421 15.5L8.5 14.0858L17.585 5H12V3H21Z" fill="currentColor"></path></svg></a></td></tr><tr><td><strong>HDS Core</strong></td><td><div style="display:flex;gap:var(--spacing-3-xs)"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="check-circle-fill" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3ZM16.5 8L18 9.5L10.5 17L6 12.5L7.5 11L10.5 14L16.5 8Z" fill="currentColor"></path></svg> Yes </div></td><td><a aria-label="View in Storybook. Opens in a new tab" class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F" href="/storybook/core/?path=/story/components-status-label--default" target="_blank" rel="noopener">View in Storybook</a></td><td><a aria-label="View source. Opens in a new tab Opens a different website." class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F" href="https://github.com/City-of-Helsinki/helsinki-design-system/tree/master/packages/core/src/components/status-label" target="_blank" rel="noopener">View source<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik Link-module_icon__3ReCc link_icon__i_HqN Link-module_verticalAlignMediumIcon__12PVa link_vertical-align-medium-icon__3IWi1" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="link-external" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M5 3V19H21V21H3V3H5ZM21 3V12H19V6.413L9.91421 15.5L8.5 14.0858L17.585 5H12V3H21Z" fill="currentColor"></path></svg></a></td></tr></tbody></table></div>
 <h3 id="properties" style="position:relative" class="page-heading-3 heading-m">Properties<a href="#properties" aria-label="properties permalink" class="header-anchor after"><span><span class="hds-anchor-icon hds-icon hds-icon--link hds-icon--size-xs" aria-hidden="true" style="vertical-align: middle"></span></span></a></h3>
 <p>Note! You can find the full list of properties in the <a aria-label="React Storybook. Opens in a new tab" class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F" href="/storybook/react/?path=/docs/components-statuslabel--neutral" target="_blank" rel="noopener">React Storybook.</a></p>
-<div class="hds-table-container" tabindex="0"><table class="hds-table hds-table--dark" aria-label="Service users (dark variant)"><thead><tr class="hds-table__header-row dark"><th scope="col">Property</th><th scope="col">Description</th><th scope="col">Values</th><th scope="col">Default value</th></tr></thead><tbody class="hds-table__content"><tr><td><code>type</code></td><td>The type of the status label.</td><td><code>&quot;neutral&quot;</code> <code>&quot;success&quot;</code> <code>&quot;info&quot;</code> <code>&quot;alert&quot;</code> <code>&quot;error&quot;</code></td><td><code>&quot;neutral&quot;</code></td></tr><tr><td><code>iconLeft</code></td><td>Element placed on the left side of the status label.</td><td><code>ReactNode</code></td><td>-</td></tr><tr><td>[Table 1:StatusLabel properties]</td><td></td><td></td><td></td></tr></tbody></table></div></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-110" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-110)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
+<div class="hds-table-container" tabindex="0"><table class="hds-table hds-table--dark" aria-label="Service users (dark variant)"><thead><tr class="hds-table__header-row dark"><th scope="col">Property</th><th scope="col">Description</th><th scope="col">Values</th><th scope="col">Default value</th></tr></thead><tbody class="hds-table__content"><tr><td><code>type</code></td><td>The type of the status label.</td><td><code>&quot;neutral&quot;</code> <code>&quot;success&quot;</code> <code>&quot;info&quot;</code> <code>&quot;alert&quot;</code> <code>&quot;error&quot;</code></td><td><code>&quot;neutral&quot;</code></td></tr><tr><td><code>iconLeft</code></td><td>Element placed on the left side of the status label.</td><td><code>ReactNode</code></td><td>-</td></tr><tr><td>[Table 1:StatusLabel properties]</td><td></td><td></td><td></td></tr></tbody></table></div></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-109" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-109)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
     window.dev = undefined
     if (window.dev === true || !(navigator.doNotTrack === '1' || window.doNotTrack === '1')) {
       window._paq = window._paq || [];
@@ -187,6 +187,6 @@ <h3 id="properties" style="position:relative" class="page-heading-3 heading-m">P
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/components/status-label/index.html b/docs/header-custom-theme-site/components/status-label/index.html
index 89dd3b5447..b874b7f122 100644
--- a/docs/header-custom-theme-site/components/status-label/index.html
+++ b/docs/header-custom-theme-site/components/status-label/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | StatusLabel"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | StatusLabel"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -79,7 +79,7 @@ <h4 id="default" style="position:relative" class="page-heading-4 heading-s">Defa
 <div class="playground-block-preview playground-block-preview-light"><span class="StatusLabel-module_statusLabel__3R2J2 status-label_hds-status-label__1L8YI">Neutral</span><span class="StatusLabel-module_statusLabel__3R2J2 status-label_hds-status-label__1L8YI StatusLabel-module_info__3YrAe status-label_hds-status-label--info__J28-H" style="margin-left:var(--spacing-s)"><p>Info</p></span><span class="StatusLabel-module_statusLabel__3R2J2 status-label_hds-status-label__1L8YI StatusLabel-module_success__2BfdX status-label_hds-status-label--success__3jiST" style="margin-left:var(--spacing-s)"><p>Success</p></span><span class="StatusLabel-module_statusLabel__3R2J2 status-label_hds-status-label__1L8YI StatusLabel-module_alert__2VR8r status-label_hds-status-label--alert__1ecsX" style="margin-left:var(--spacing-s)"><p>Alert</p></span><span class="StatusLabel-module_statusLabel__3R2J2 status-label_hds-status-label__1L8YI StatusLabel-module_error__zNgn8 status-label_hds-status-label--error__2EYi4" style="margin-left:var(--spacing-s)"><p>Error</p></span></div>
 <h4 id="with-an-icon" style="position:relative" class="page-heading-4 heading-s">With an icon<a href="#with-an-icon" aria-label="with an icon permalink" class="header-anchor after"><span><span class="hds-anchor-icon hds-icon hds-icon--link hds-icon--size-xs" aria-hidden="true" style="vertical-align: middle"></span></span></a></h4>
 <p>An icon can be used on the left side of the StatusLabel&#x27;s text label. The icon should match with the text label and not be used only for visual purposes.</p>
-<div class="playground-block-preview playground-block-preview-light"><span class="StatusLabel-module_statusLabel__3R2J2 status-label_hds-status-label__1L8YI StatusLabel-module_statusLabelWithIcon__5lKVk status-label_hds-status-label--with-icon__3bHf6"><span class="StatusLabel-module_statusLabelIcon__2SAou status-label_hds-status-label-icon__3K58a" aria-hidden="true"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="info-circle" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2ZM12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4ZM13 10V16.5H15V18H9V16.5H11V11.5H9V10H13ZM11.8125 6C12.5374 6 13.125 6.5876 13.125 7.3125C13.125 8.03735 12.5374 8.625 11.8125 8.625C11.0876 8.625 10.5 8.03735 10.5 7.3125C10.5 6.5876 11.0876 6 11.8125 6Z" fill="currentColor"></path></svg></span>Neutral</span><span class="StatusLabel-module_statusLabel__3R2J2 status-label_hds-status-label__1L8YI StatusLabel-module_info__3YrAe status-label_hds-status-label--info__J28-H StatusLabel-module_statusLabelWithIcon__5lKVk status-label_hds-status-label--with-icon__3bHf6" style="margin-left:var(--spacing-s)"><span class="StatusLabel-module_statusLabelIcon__2SAou status-label_hds-status-label-icon__3K58a" aria-hidden="true"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="info-circle" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2ZM12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4ZM13 10V16.5H15V18H9V16.5H11V11.5H9V10H13ZM11.8125 6C12.5374 6 13.125 6.5876 13.125 7.3125C13.125 8.03735 12.5374 8.625 11.8125 8.625C11.0876 8.625 10.5 8.03735 10.5 7.3125C10.5 6.5876 11.0876 6 11.8125 6Z" fill="currentColor"></path></svg></span><p>Info</p></span><span class="StatusLabel-module_statusLabel__3R2J2 status-label_hds-status-label__1L8YI StatusLabel-module_success__2BfdX status-label_hds-status-label--success__3jiST StatusLabel-module_statusLabelWithIcon__5lKVk status-label_hds-status-label--with-icon__3bHf6" style="margin-left:var(--spacing-s)"><span class="StatusLabel-module_statusLabelIcon__2SAou status-label_hds-status-label-icon__3K58a" aria-hidden="true"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="check-circle" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2ZM12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4ZM16.5 8L18 9.5L10.5 17L6 12.5L7.5 11L10.5 14L16.5 8Z" fill="currentColor"></path></svg></span><p>Success</p></span><span class="StatusLabel-module_statusLabel__3R2J2 status-label_hds-status-label__1L8YI StatusLabel-module_alert__2VR8r status-label_hds-status-label--alert__1ecsX StatusLabel-module_statusLabelWithIcon__5lKVk status-label_hds-status-label--with-icon__3bHf6" style="margin-left:var(--spacing-s)"><span class="StatusLabel-module_statusLabelIcon__2SAou status-label_hds-status-label-icon__3K58a" aria-hidden="true"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="alert-circle" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2ZM12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4ZM13 16V18H11V16H13ZM13 6V14H11V6H13Z" fill="currentColor"></path></svg></span><p>Alert</p></span><span class="StatusLabel-module_statusLabel__3R2J2 status-label_hds-status-label__1L8YI StatusLabel-module_error__zNgn8 status-label_hds-status-label--error__2EYi4 StatusLabel-module_statusLabelWithIcon__5lKVk status-label_hds-status-label--with-icon__3bHf6" style="margin-left:var(--spacing-s)"><span class="StatusLabel-module_statusLabelIcon__2SAou status-label_hds-status-label-icon__3K58a" aria-hidden="true"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="error" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.1284 2.50974C11.4971 1.85436 12.4201 1.83095 12.8284 2.43952L12.8716 2.50974L22.4341 19.5097C22.7965 20.1541 22.3585 20.9453 21.638 20.9973L21.5625 21H2.43749C1.69816 21 1.22338 20.2303 1.53125 19.5769L1.56592 19.5097L11.1284 2.50974ZM12 5.04L4.14699 19H19.8525L12 5.04ZM13 16V18H11V16H13ZM13 9.5V14.5H11V9.5H13Z" fill="currentColor"></path></svg></span><p>Error</p></span></div></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-107" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-107)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
+<div class="playground-block-preview playground-block-preview-light"><span class="StatusLabel-module_statusLabel__3R2J2 status-label_hds-status-label__1L8YI StatusLabel-module_statusLabelWithIcon__5lKVk status-label_hds-status-label--with-icon__3bHf6"><span class="StatusLabel-module_statusLabelIcon__2SAou status-label_hds-status-label-icon__3K58a" aria-hidden="true"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="info-circle" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2ZM12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4ZM13 10V16.5H15V18H9V16.5H11V11.5H9V10H13ZM11.8125 6C12.5374 6 13.125 6.5876 13.125 7.3125C13.125 8.03735 12.5374 8.625 11.8125 8.625C11.0876 8.625 10.5 8.03735 10.5 7.3125C10.5 6.5876 11.0876 6 11.8125 6Z" fill="currentColor"></path></svg></span>Neutral</span><span class="StatusLabel-module_statusLabel__3R2J2 status-label_hds-status-label__1L8YI StatusLabel-module_info__3YrAe status-label_hds-status-label--info__J28-H StatusLabel-module_statusLabelWithIcon__5lKVk status-label_hds-status-label--with-icon__3bHf6" style="margin-left:var(--spacing-s)"><span class="StatusLabel-module_statusLabelIcon__2SAou status-label_hds-status-label-icon__3K58a" aria-hidden="true"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="info-circle" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2ZM12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4ZM13 10V16.5H15V18H9V16.5H11V11.5H9V10H13ZM11.8125 6C12.5374 6 13.125 6.5876 13.125 7.3125C13.125 8.03735 12.5374 8.625 11.8125 8.625C11.0876 8.625 10.5 8.03735 10.5 7.3125C10.5 6.5876 11.0876 6 11.8125 6Z" fill="currentColor"></path></svg></span><p>Info</p></span><span class="StatusLabel-module_statusLabel__3R2J2 status-label_hds-status-label__1L8YI StatusLabel-module_success__2BfdX status-label_hds-status-label--success__3jiST StatusLabel-module_statusLabelWithIcon__5lKVk status-label_hds-status-label--with-icon__3bHf6" style="margin-left:var(--spacing-s)"><span class="StatusLabel-module_statusLabelIcon__2SAou status-label_hds-status-label-icon__3K58a" aria-hidden="true"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="check-circle" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2ZM12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4ZM16.5 8L18 9.5L10.5 17L6 12.5L7.5 11L10.5 14L16.5 8Z" fill="currentColor"></path></svg></span><p>Success</p></span><span class="StatusLabel-module_statusLabel__3R2J2 status-label_hds-status-label__1L8YI StatusLabel-module_alert__2VR8r status-label_hds-status-label--alert__1ecsX StatusLabel-module_statusLabelWithIcon__5lKVk status-label_hds-status-label--with-icon__3bHf6" style="margin-left:var(--spacing-s)"><span class="StatusLabel-module_statusLabelIcon__2SAou status-label_hds-status-label-icon__3K58a" aria-hidden="true"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="alert-circle" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2ZM12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4ZM13 16V18H11V16H13ZM13 6V14H11V6H13Z" fill="currentColor"></path></svg></span><p>Alert</p></span><span class="StatusLabel-module_statusLabel__3R2J2 status-label_hds-status-label__1L8YI StatusLabel-module_error__zNgn8 status-label_hds-status-label--error__2EYi4 StatusLabel-module_statusLabelWithIcon__5lKVk status-label_hds-status-label--with-icon__3bHf6" style="margin-left:var(--spacing-s)"><span class="StatusLabel-module_statusLabelIcon__2SAou status-label_hds-status-label-icon__3K58a" aria-hidden="true"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="error" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.1284 2.50974C11.4971 1.85436 12.4201 1.83095 12.8284 2.43952L12.8716 2.50974L22.4341 19.5097C22.7965 20.1541 22.3585 20.9453 21.638 20.9973L21.5625 21H2.43749C1.69816 21 1.22338 20.2303 1.53125 19.5769L1.56592 19.5097L11.1284 2.50974ZM12 5.04L4.14699 19H19.8525L12 5.04ZM13 16V18H11V16H13ZM13 9.5V14.5H11V9.5H13Z" fill="currentColor"></path></svg></span><p>Error</p></span></div></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-110" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-110)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
     window.dev = undefined
     if (window.dev === true || !(navigator.doNotTrack === '1' || window.doNotTrack === '1')) {
       window._paq = window._paq || [];
@@ -107,6 +107,6 @@ <h4 id="with-an-icon" style="position:relative" class="page-heading-4 heading-s"
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/components/status-label/tabs/index.html b/docs/header-custom-theme-site/components/status-label/tabs/index.html
index 0523f2e00f..f6ca88a103 100644
--- a/docs/header-custom-theme-site/components/status-label/tabs/index.html
+++ b/docs/header-custom-theme-site/components/status-label/tabs/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | StatusLabel"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | StatusLabel"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -55,7 +55,7 @@
   </script><link rel="manifest" href="/hds-demo/header-custom-theme-site/manifest.webmanifest" crossorigin="anonymous"/><link rel="apple-touch-icon" sizes="any" href="/hds-demo/header-custom-theme-site/favicon/light/favicon-32x32.ico"/><link rel="apple-touch-icon" href="/hds-demo/header-custom-theme-site/favicon/light/apple-touch-icon.png"/><link rel="apple-touch-icon" sizes="192x192" href="/hds-demo/header-custom-theme-site/favicon/light/favicon-192x192.png"/><link rel="apple-touch-icon" sizes="512x512" href="/hds-demo/header-custom-theme-site/favicon/light/favicon-512x512.png"/><link rel="preconnect" href="https://webanalytics.digiaiiris.com/js"/></head><body><div id="___gatsby"><div style="outline:none" tabindex="-1" id="gatsby-focus-wrapper"><div class="page text-body"><header id="page-header" class="Navigation-module_header__2HNOX Navigation-module_theme-light__36nmi pageHeader"><a class="Navigation-module_skipToContent__2p54x" href="#content">Skip to content</a><div class="visible-module_belowM__2GR1J"><div class="Navigation-module_headerBackgroundWrapper__137R3"><div class="Navigation-module_headerContainer__2YPsu"><a class="Navigation-module_title__3zRBe" href="https://hds.hel.fi" aria-label="Helsinki: Helsinki Design System"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Navigation-module_logo__1sEy6" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg><span><div class="page-header-title"><div>Helsinki Design System</div><div class="page-header-title-badge"><img style="filter:invert(1)" alt="HDS version number: 2.15.0" src="https://img.shields.io/github/v/release/City-of-Helsinki/helsinki-design-system?label=&amp;style=for-the-badge&amp;color=1a1a1a"/></div></div></span></a><button aria-label="menu" aria-haspopup="true" aria-expanded="false" type="button" class="Navigation-module_mobileMenuToggle__1v6en"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="menu-hamburger" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M22 17V19H2V17H22ZM22 11V13H2V11H22ZM22 5V7H2V5H22Z" fill="currentColor"></path></svg></button></div></div></div><div class="visible-module_aboveM__31mn_"><div class="Navigation-module_headerBackgroundWrapper__137R3"><div class="Navigation-module_headerContainer__2YPsu"><a class="Navigation-module_title__3zRBe" href="https://hds.hel.fi" aria-label="Helsinki: Helsinki Design System"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Navigation-module_logo__1sEy6" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg><span><div class="page-header-title"><div>Helsinki Design System</div><div class="page-header-title-badge"><img style="filter:invert(1)" alt="HDS version number: 2.15.0" src="https://img.shields.io/github/v/release/City-of-Helsinki/helsinki-design-system?label=&amp;style=for-the-badge&amp;color=1a1a1a"/></div></div></span></a><div class="Navigation-module_headerContent__3zHbK"></div></div></div><nav class="NavigationRow-module_navigation__24tui NavigationRow-module_subNav__3fDXv" aria-label="Site navigation"><a class="NavigationItem-module_rowItem__2QxRz" href="/hds-demo/header-custom-theme-site/getting-started/"><span class="NavigationItem-module_label__1UsXG button_hds-button__label__3r3Mi">Getting started</span></a><a class="NavigationItem-module_rowItem__2QxRz" href="/hds-demo/header-custom-theme-site/foundation/"><span class="NavigationItem-module_label__1UsXG button_hds-button__label__3r3Mi">Foundation</span></a><a aria-current="page" class="NavigationItem-module_rowItem__2QxRz NavigationItem-module_active__3Ckcw" href="/hds-demo/header-custom-theme-site/components/"><span class="NavigationItem-module_label__1UsXG button_hds-button__label__3r3Mi">Components</span></a><a class="NavigationItem-module_rowItem__2QxRz" href="/hds-demo/header-custom-theme-site/patterns/"><span class="NavigationItem-module_label__1UsXG button_hds-button__label__3r3Mi">Patterns</span></a><a class="NavigationItem-module_rowItem__2QxRz" href="/hds-demo/header-custom-theme-site/about/"><span class="NavigationItem-module_label__1UsXG button_hds-button__label__3r3Mi">About</span></a></nav></div></header><div class="page-content"><aside class="side-content"><nav class="SideNavigation-module_sideNavigation__3X-9P" id="side-navigation" aria-label="Components"><button type="button" class="Button-module_button__1msFE button_hds-button__2A0je Button-module_secondary__1nABp button_hds-button--secondary__1NOWS Button-module_fullWidth__31eVK button_hds-button--fullwidth__1_hG9 SideNavigation-module_toggleButton__10tXH" aria-controls="side-navigation-menu" aria-expanded="false" aria-haspopup="true"><span class="Button-module_label__a4np1 button_hds-button__label__2EQa-">Navigate to page</span><div class="Button-module_icon__O-h7R button_hds-icon__17j8Z" aria-hidden="true"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-down" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 13.5L17 8.5L18.5 10L12 16.5L5.5 10L7 8.5L12 13.5Z" fill="currentColor"></path></svg></div></button><ul class="SideNavigation-module_mainLevelList__SLZKQ" aria-label="Navigate to page" id="side-navigation-menu"><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Overview" id="side-nav-components" href="/hds-demo/header-custom-theme-site/components"><span class="MainLevel-module_label__uWKJ7">Overview</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Accordion" id="side-nav-components-accordion" href="/hds-demo/header-custom-theme-site/components/accordion"><span class="MainLevel-module_label__uWKJ7">Accordion</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Breadcrumb" id="side-nav-components-breadcrumb" href="/hds-demo/header-custom-theme-site/components/breadcrumb"><span class="MainLevel-module_label__uWKJ7">Breadcrumb</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Button" id="side-nav-components-buttons" href="/hds-demo/header-custom-theme-site/components/buttons"><span class="MainLevel-module_label__uWKJ7">Button</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Card" id="side-nav-components-card" href="/hds-demo/header-custom-theme-site/components/card"><span class="MainLevel-module_label__uWKJ7">Card</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Checkbox" id="side-nav-components-checkbox" href="/hds-demo/header-custom-theme-site/components/checkbox"><span class="MainLevel-module_label__uWKJ7">Checkbox</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="CookieConsent" id="side-nav-components-cookie-consent" href="/hds-demo/header-custom-theme-site/components/cookie-consent"><span class="MainLevel-module_label__uWKJ7">CookieConsent</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="DateInput" id="side-nav-components-date-input" href="/hds-demo/header-custom-theme-site/components/date-input"><span class="MainLevel-module_label__uWKJ7">DateInput</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Dialog" id="side-nav-components-dialog" href="/hds-demo/header-custom-theme-site/components/dialog"><span class="MainLevel-module_label__uWKJ7">Dialog</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Dropdown" id="side-nav-components-dropdown" href="/hds-demo/header-custom-theme-site/components/dropdown"><span class="MainLevel-module_label__uWKJ7">Dropdown</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Fieldset" id="side-nav-components-fieldset" href="/hds-demo/header-custom-theme-site/components/fieldset"><span class="MainLevel-module_label__uWKJ7">Fieldset</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="FileInput" id="side-nav-components-file-input" href="/hds-demo/header-custom-theme-site/components/file-input"><span class="MainLevel-module_label__uWKJ7">FileInput</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Footer" id="side-nav-components-footer" href="/hds-demo/header-custom-theme-site/components/footer"><span class="MainLevel-module_label__uWKJ7">Footer</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Header" id="side-nav-components-header" href="/hds-demo/header-custom-theme-site/components/header"><span class="MainLevel-module_label__uWKJ7">Header</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Hero" id="side-nav-components-hero" href="/hds-demo/header-custom-theme-site/components/hero"><span class="MainLevel-module_label__uWKJ7">Hero</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Highlight" id="side-nav-components-highlight" href="/hds-demo/header-custom-theme-site/components/highlight"><span class="MainLevel-module_label__uWKJ7">Highlight</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Icon" id="side-nav-components-icon" href="/hds-demo/header-custom-theme-site/components/icon"><span class="MainLevel-module_label__uWKJ7">Icon</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Koros" id="side-nav-components-koros" href="/hds-demo/header-custom-theme-site/components/koros"><span class="MainLevel-module_label__uWKJ7">Koros</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Link" id="side-nav-components-link" href="/hds-demo/header-custom-theme-site/components/link"><span class="MainLevel-module_label__uWKJ7">Link</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Linkbox" id="side-nav-components-linkbox" href="/hds-demo/header-custom-theme-site/components/linkbox"><span class="MainLevel-module_label__uWKJ7">Linkbox</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="LoadingSpinner" id="side-nav-components-loading-spinner" href="/hds-demo/header-custom-theme-site/components/loading-spinner"><span class="MainLevel-module_label__uWKJ7">LoadingSpinner</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Logo" id="side-nav-components-logo" href="/hds-demo/header-custom-theme-site/components/logo"><span class="MainLevel-module_label__uWKJ7">Logo</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Navigation" id="side-nav-components-navigation" href="/hds-demo/header-custom-theme-site/components/navigation"><span class="MainLevel-module_label__uWKJ7">Navigation</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Notification" id="side-nav-components-notification" href="/hds-demo/header-custom-theme-site/components/notification"><span class="MainLevel-module_label__uWKJ7">Notification</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="NumberInput" id="side-nav-components-number-input" href="/hds-demo/header-custom-theme-site/components/number-input"><span class="MainLevel-module_label__uWKJ7">NumberInput</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Pagination" id="side-nav-components-pagination" href="/hds-demo/header-custom-theme-site/components/pagination"><span class="MainLevel-module_label__uWKJ7">Pagination</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="PasswordInput" id="side-nav-components-password-input" href="/hds-demo/header-custom-theme-site/components/password-input"><span class="MainLevel-module_label__uWKJ7">PasswordInput</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="PhoneInput" id="side-nav-components-phone-input" href="/hds-demo/header-custom-theme-site/components/phone-input"><span class="MainLevel-module_label__uWKJ7">PhoneInput</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="RadioButton" id="side-nav-components-radio-button" href="/hds-demo/header-custom-theme-site/components/radio-button"><span class="MainLevel-module_label__uWKJ7">RadioButton</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="SearchInput" id="side-nav-components-search-input" href="/hds-demo/header-custom-theme-site/components/search-input"><span class="MainLevel-module_label__uWKJ7">SearchInput</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="SelectionGroup" id="side-nav-components-selection-group" href="/hds-demo/header-custom-theme-site/components/selection-group"><span class="MainLevel-module_label__uWKJ7">SelectionGroup</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="SideNavigation" id="side-nav-components-side-navigation" href="/hds-demo/header-custom-theme-site/components/side-navigation"><span class="MainLevel-module_label__uWKJ7">SideNavigation</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_active__3IkdI MainLevel-module_open__2yWFj"><a aria-current="page" aria-label="StatusLabel" id="side-nav-components-status-label" href="/hds-demo/header-custom-theme-site/components/status-label"><span class="MainLevel-module_label__uWKJ7">StatusLabel</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="StepByStep" id="side-nav-components-step-by-step" href="/hds-demo/header-custom-theme-site/components/step-by-step"><span class="MainLevel-module_label__uWKJ7">StepByStep</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Stepper" id="side-nav-components-stepper" href="/hds-demo/header-custom-theme-site/components/stepper"><span class="MainLevel-module_label__uWKJ7">Stepper</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Table" id="side-nav-components-table" href="/hds-demo/header-custom-theme-site/components/table"><span class="MainLevel-module_label__uWKJ7">Table</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Tabs" id="side-nav-components-tabs" href="/hds-demo/header-custom-theme-site/components/tabs"><span class="MainLevel-module_label__uWKJ7">Tabs</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Tag" id="side-nav-components-tag" href="/hds-demo/header-custom-theme-site/components/tag"><span class="MainLevel-module_label__uWKJ7">Tag</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="TextArea" id="side-nav-components-text-area" href="/hds-demo/header-custom-theme-site/components/text-area"><span class="MainLevel-module_label__uWKJ7">TextArea</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="TextInput" id="side-nav-components-text-input" href="/hds-demo/header-custom-theme-site/components/text-input"><span class="MainLevel-module_label__uWKJ7">TextInput</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="TimeInput" id="side-nav-components-time-input" href="/hds-demo/header-custom-theme-site/components/time-input"><span class="MainLevel-module_label__uWKJ7">TimeInput</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="ToggleButton" id="side-nav-components-toggle-button" href="/hds-demo/header-custom-theme-site/components/toggle-button"><span class="MainLevel-module_label__uWKJ7">ToggleButton</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Tooltip" id="side-nav-components-tooltip" href="/hds-demo/header-custom-theme-site/components/tooltip"><span class="MainLevel-module_label__uWKJ7">Tooltip</span></a></li></ul></nav></aside><main id="content" class="main-content"><h1 id="statuslabel" style="position:relative" class="page-heading-1 heading-xl-mobile">StatusLabel<a href="#statuslabel" aria-label="statuslabel permalink" class="header-anchor after"><span><span class="hds-anchor-icon hds-icon hds-icon--link hds-icon--size-xs" aria-hidden="true" style="vertical-align: middle"></span></span></a></h1>
 <div class="status-label-description"><span class="StatusLabel-module_statusLabel__3R2J2 status-label_hds-status-label__1L8YI StatusLabel-module_info__3YrAe status-label_hds-status-label--info__J28-H">Stable</span><span class="StatusLabel-module_statusLabel__3R2J2 status-label_hds-status-label__1L8YI StatusLabel-module_success__2BfdX status-label_hds-status-label--success__3jiST" style="margin-left:var(--spacing-xs)">Accessible</span><div class="Tooltip-module_root__1Yo9t status-label-tooltip"><button type="button" class="Tooltip-module_button__2x9m0" title="Tooltip" aria-label="Tooltip" aria-expanded="false"><span aria-hidden="true"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="question-circle" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2ZM12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4ZM13 16V18H11V16H13ZM12.0437 5.75C14.0343 5.75 15.7173 7.29464 15.7173 9.42361C15.7173 10.7806 15.2461 11.489 14.161 12.306L13.9187 12.4844C13.1753 13.0295 12.9556 13.3359 12.9386 14.142L12.9375 14.25H10.9375C10.9375 12.6746 11.4591 11.8378 12.6143 10.9622L12.8618 10.7796C13.5685 10.2628 13.7173 10.0539 13.7173 9.42361C13.7173 8.43934 12.9662 7.75 12.0437 7.75C11.1907 7.75 10.4785 8.34077 10.3816 9.20835L10.3734 9.30587L8.37663 9.19182C8.49191 7.17347 10.1344 5.75 12.0437 5.75Z" fill="currentColor"></path></svg></span></button></div></div>
 <p style="font-size:var(--fontsize-body-xl);color:var(--color-black-90);max-width:600px">  Status labels can be used to highlight different statuses or items to the user. Status labels cannot be interacted with and they are only meant to convey relevant information.</p>
-<div class="Tabs-module_tabs__2Ww5F"><div class="Tabs-module_tablistBar__elMv9 page-tabs-list"><div class="Tabs-module_scrollButton__3ufhP" aria-hidden="true"><button type="button" tabindex="-1"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-left" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.5 12L15.5 17L14 18.5L7.5 12L14 5.5L15.5 7L10.5 12Z" fill="currentColor"></path></svg></button></div><div class="Tabs-module_tablist__1iuDO"><ul role="tablist" style="width:0px"><li role="tab" aria-selected="true" aria-controls="tab-0-panel" tabindex="0" id="tab-0-button" class="Tabs-module_tab__3oOoX Tabs-module_active__1Ic3B"><span>Usage</span></li><li role="tab" aria-selected="false" aria-controls="tab-1-panel" tabindex="-1" id="tab-1-button" class="Tabs-module_tab__3oOoX"><span>Code</span></li><li role="tab" aria-selected="false" aria-controls="tab-2-panel" tabindex="-1" id="tab-2-button" class="Tabs-module_tab__3oOoX"><span>Accessibility</span></li></ul></div><div class="Tabs-module_scrollButton__3ufhP" aria-hidden="true"><button type="button" tabindex="-1"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-right" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.5 12L8.5 7L10 5.5L16.5 12L10 18.5L8.5 17L13.5 12Z" fill="currentColor"></path></svg></button></div></div><div id="tab-0-panel" role="tabpanel" aria-labelledby="tab-0-button"></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-108" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-108)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
+<div class="Tabs-module_tabs__2Ww5F"><div class="Tabs-module_tablistBar__elMv9 page-tabs-list"><div class="Tabs-module_scrollButton__3ufhP" aria-hidden="true"><button type="button" tabindex="-1"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-left" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.5 12L15.5 17L14 18.5L7.5 12L14 5.5L15.5 7L10.5 12Z" fill="currentColor"></path></svg></button></div><div class="Tabs-module_tablist__1iuDO"><ul role="tablist" style="width:0px"><li role="tab" aria-selected="true" aria-controls="tab-0-panel" tabindex="0" id="tab-0-button" class="Tabs-module_tab__3oOoX Tabs-module_active__1Ic3B"><span>Usage</span></li><li role="tab" aria-selected="false" aria-controls="tab-1-panel" tabindex="-1" id="tab-1-button" class="Tabs-module_tab__3oOoX"><span>Code</span></li><li role="tab" aria-selected="false" aria-controls="tab-2-panel" tabindex="-1" id="tab-2-button" class="Tabs-module_tab__3oOoX"><span>Accessibility</span></li></ul></div><div class="Tabs-module_scrollButton__3ufhP" aria-hidden="true"><button type="button" tabindex="-1"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-right" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.5 12L8.5 7L10 5.5L16.5 12L10 18.5L8.5 17L13.5 12Z" fill="currentColor"></path></svg></button></div></div><div id="tab-0-panel" role="tabpanel" aria-labelledby="tab-0-button"></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-106" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-106)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
     window.dev = undefined
     if (window.dev === true || !(navigator.doNotTrack === '1' || window.doNotTrack === '1')) {
       window._paq = window._paq || [];
@@ -83,6 +83,6 @@
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/components/step-by-step/accessibility/index.html b/docs/header-custom-theme-site/components/step-by-step/accessibility/index.html
index 934c610c7c..767d8a8c00 100644
--- a/docs/header-custom-theme-site/components/step-by-step/accessibility/index.html
+++ b/docs/header-custom-theme-site/components/step-by-step/accessibility/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | StepByStep - Accessibility"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | StepByStep - Accessibility"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -59,7 +59,7 @@
 <h3 id="pay-attention-to" style="position:relative" class="page-heading-3 heading-m">Pay attention to<a href="#pay-attention-to" aria-label="pay attention to permalink" class="header-anchor after"><span><span class="hds-anchor-icon hds-icon hds-icon--link hds-icon--size-xs" aria-hidden="true" style="vertical-align: middle"></span></span></a></h3>
 <ul>
 <li>Make sure that that the main heading for StepByStep is in accordance to your page&#x27;s heading ranks. The default value for the <code>headerLevel</code> prop in the HDS react component is 2.</li>
-</ul></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-95" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-95)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
+</ul></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-94" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-94)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
     window.dev = undefined
     if (window.dev === true || !(navigator.doNotTrack === '1' || window.doNotTrack === '1')) {
       window._paq = window._paq || [];
@@ -87,6 +87,6 @@ <h3 id="pay-attention-to" style="position:relative" class="page-heading-3 headin
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/components/step-by-step/code/index.html b/docs/header-custom-theme-site/components/step-by-step/code/index.html
index fa9a48489e..e4a24c43c9 100644
--- a/docs/header-custom-theme-site/components/step-by-step/code/index.html
+++ b/docs/header-custom-theme-site/components/step-by-step/code/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | StepByStep - Code"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | StepByStep - Code"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -282,7 +282,7 @@ <h3 id="properties" style="position:relative" class="page-heading-3 heading-m">P
 | <code>description</code>                 | Step description.                           | <code>JSX.Element</code>, <code>string</code>    | -             |
 | <code>links</code>                       | List of HDS link objects for the step.   | <code>Array&lt;LinkProps&gt;</code> | -             |
 | <code>title</code>                       | Step title.                                 | <code>string</code>                   | -             |
-| [Table 1:StepType properties] |</p></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-91" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-91)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
+| [Table 1:StepType properties] |</p></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-93" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-93)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
     window.dev = undefined
     if (window.dev === true || !(navigator.doNotTrack === '1' || window.doNotTrack === '1')) {
       window._paq = window._paq || [];
@@ -310,6 +310,6 @@ <h3 id="properties" style="position:relative" class="page-heading-3 heading-m">P
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/components/step-by-step/index.html b/docs/header-custom-theme-site/components/step-by-step/index.html
index 480b0aa194..fbc797b46b 100644
--- a/docs/header-custom-theme-site/components/step-by-step/index.html
+++ b/docs/header-custom-theme-site/components/step-by-step/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | StepByStep"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | StepByStep"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -73,7 +73,7 @@ <h4 id="default" style="position:relative" class="page-heading-4 heading-s">Defa
 <div class="playground-block-preview playground-block-preview-light"><div class="StepByStep-module_container__2EXO7"><div><h2 class="">Unnumbered step by step component</h2><p>The unnumbered list is useful when the order of the steps is less important and they form more of a guideline.</p></div><ul class="StepByStep-module_stepsContainer__2VeMi step-by-step_hds-step-by-step__steps-container__3gYZa"><li class="StepByStep-module_stepItem__30zfm step-by-step_hds-step-by-step__step-item__2bods"><p class="StepByStep-module_stepItemTitle__tgqFr step-by-step_hds-step-by-step__step-item-title__3vW57">Step title</p><div><p>Here you can describe the step in detail. Keep the text compact so the user gets the big picture of the whole process and its steps easily.</p><p><button type="button" class="Button-module_button__1msFE button_hds-button__2A0je Button-module_primary__2LfKB button_hds-button--primary__2NVvO" href="https://hel.fi"><span class="Button-module_label__a4np1 button_hds-button__label__2EQa-">Example button</span></button></p></div></li><li class="StepByStep-module_stepItem__30zfm step-by-step_hds-step-by-step__step-item__2bods"><p class="StepByStep-module_stepItemTitle__tgqFr step-by-step_hds-step-by-step__step-item-title__3vW57">Step title</p><div><p>Step description.</p><p><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F" href="https://hel.fi">Example link</a></p></div></li><li class="StepByStep-module_stepItem__30zfm step-by-step_hds-step-by-step__step-item__2bods"><p class="StepByStep-module_stepItemTitle__tgqFr step-by-step_hds-step-by-step__step-item-title__3vW57">Step title</p><div><p>Step description.</p></div></li></ul></div></div>
 <h4 id="numbered-list" style="position:relative" class="page-heading-4 heading-s">Numbered list<a href="#numbered-list" aria-label="numbered list permalink" class="header-anchor after"><span><span class="hds-anchor-icon hds-icon hds-icon--link hds-icon--size-xs" aria-hidden="true" style="vertical-align: middle"></span></span></a></h4>
 <p>Numbered list is suitable for cases where the order of the steps is important.</p>
-<div class="playground-block-preview playground-block-preview-light"><div class="StepByStep-module_container__2EXO7"><div><h2 class="">Numbered step by step component</h2><p>Numbered list is suitable for cases where the order of the steps is important.</p></div><ol class="StepByStep-module_stepsContainer__2VeMi step-by-step_hds-step-by-step__steps-container__3gYZa"><li class="StepByStep-module_stepItem__30zfm step-by-step_hds-step-by-step__step-item__2bods"><p class="StepByStep-module_stepItemTitle__tgqFr step-by-step_hds-step-by-step__step-item-title__3vW57">Step title</p><div><p>Here you can describe the step in detail. Keep the text compact so the user gets the big picture of the whole process and its steps easily.</p><p><button type="button" class="Button-module_button__1msFE button_hds-button__2A0je Button-module_primary__2LfKB button_hds-button--primary__2NVvO" href="https://hel.fi"><span class="Button-module_label__a4np1 button_hds-button__label__2EQa-">Example button</span></button></p></div></li><li class="StepByStep-module_stepItem__30zfm step-by-step_hds-step-by-step__step-item__2bods"><p class="StepByStep-module_stepItemTitle__tgqFr step-by-step_hds-step-by-step__step-item-title__3vW57">Step title</p><div><p>Step description.</p><p><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F" href="https://hel.fi">Example link</a></p></div></li><li class="StepByStep-module_stepItem__30zfm step-by-step_hds-step-by-step__step-item__2bods"><p class="StepByStep-module_stepItemTitle__tgqFr step-by-step_hds-step-by-step__step-item-title__3vW57">Step title</p><div><p>Step description.</p></div></li></ol></div></div></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-92" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-92)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
+<div class="playground-block-preview playground-block-preview-light"><div class="StepByStep-module_container__2EXO7"><div><h2 class="">Numbered step by step component</h2><p>Numbered list is suitable for cases where the order of the steps is important.</p></div><ol class="StepByStep-module_stepsContainer__2VeMi step-by-step_hds-step-by-step__steps-container__3gYZa"><li class="StepByStep-module_stepItem__30zfm step-by-step_hds-step-by-step__step-item__2bods"><p class="StepByStep-module_stepItemTitle__tgqFr step-by-step_hds-step-by-step__step-item-title__3vW57">Step title</p><div><p>Here you can describe the step in detail. Keep the text compact so the user gets the big picture of the whole process and its steps easily.</p><p><button type="button" class="Button-module_button__1msFE button_hds-button__2A0je Button-module_primary__2LfKB button_hds-button--primary__2NVvO" href="https://hel.fi"><span class="Button-module_label__a4np1 button_hds-button__label__2EQa-">Example button</span></button></p></div></li><li class="StepByStep-module_stepItem__30zfm step-by-step_hds-step-by-step__step-item__2bods"><p class="StepByStep-module_stepItemTitle__tgqFr step-by-step_hds-step-by-step__step-item-title__3vW57">Step title</p><div><p>Step description.</p><p><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F" href="https://hel.fi">Example link</a></p></div></li><li class="StepByStep-module_stepItem__30zfm step-by-step_hds-step-by-step__step-item__2bods"><p class="StepByStep-module_stepItemTitle__tgqFr step-by-step_hds-step-by-step__step-item-title__3vW57">Step title</p><div><p>Step description.</p></div></li></ol></div></div></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-90" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-90)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
     window.dev = undefined
     if (window.dev === true || !(navigator.doNotTrack === '1' || window.doNotTrack === '1')) {
       window._paq = window._paq || [];
@@ -101,6 +101,6 @@ <h4 id="numbered-list" style="position:relative" class="page-heading-4 heading-s
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/components/step-by-step/tabs/index.html b/docs/header-custom-theme-site/components/step-by-step/tabs/index.html
index e73bd11607..ccd6e7a29e 100644
--- a/docs/header-custom-theme-site/components/step-by-step/tabs/index.html
+++ b/docs/header-custom-theme-site/components/step-by-step/tabs/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | StepByStep"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | StepByStep"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -83,6 +83,6 @@
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/components/stepper/accessibility/index.html b/docs/header-custom-theme-site/components/stepper/accessibility/index.html
index 81789a720c..4c4ed4e374 100644
--- a/docs/header-custom-theme-site/components/stepper/accessibility/index.html
+++ b/docs/header-custom-theme-site/components/stepper/accessibility/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Stepper - Accessibility"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Stepper - Accessibility"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -72,7 +72,7 @@ <h3 id="pay-attention-to" style="position:relative" class="page-heading-3 headin
 </ul>
 </li>
 <li>The component adds the <code>aria-current=&quot;step&quot;</code> attribute to the active step automatically when the <code>selectedStep</code> prop is provided and it matches the currently active step&#x27;s index.</li>
-</ul></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-104" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-104)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
+</ul></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-105" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-105)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
     window.dev = undefined
     if (window.dev === true || !(navigator.doNotTrack === '1' || window.doNotTrack === '1')) {
       window._paq = window._paq || [];
@@ -100,6 +100,6 @@ <h3 id="pay-attention-to" style="position:relative" class="page-heading-3 headin
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/components/stepper/code/index.html b/docs/header-custom-theme-site/components/stepper/code/index.html
index af058b6829..759fe0451e 100644
--- a/docs/header-custom-theme-site/components/stepper/code/index.html
+++ b/docs/header-custom-theme-site/components/stepper/code/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Stepper - Code"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Stepper - Code"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -1177,7 +1177,7 @@ <h3 id="packages" style="position:relative" class="page-heading-3 heading-m">Pac
 <div class="hds-table-container" tabindex="0"><table class="hds-table hds-table--dark" aria-label="Service users (dark variant)"><thead><tr class="hds-table__header-row dark"><th scope="col">Package</th><th scope="col">Included</th><th scope="col">Storybook link</th><th scope="col">Source link</th></tr></thead><tbody class="hds-table__content"><tr><td><strong>HDS React</strong></td><td><div style="display:flex;gap:var(--spacing-3-xs)"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="check-circle-fill" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3ZM16.5 8L18 9.5L10.5 17L6 12.5L7.5 11L10.5 14L16.5 8Z" fill="currentColor"></path></svg> Yes </div></td><td><a aria-label="View in Storybook. Opens in a new tab" class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F" href="/storybook/react/?path=/story/components-stepper--default" target="_blank" rel="noopener">View in Storybook</a></td><td><a aria-label="View source. Opens in a new tab Opens a different website." class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F" href="https://github.com/City-of-Helsinki/helsinki-design-system/tree/master/packages/react/src/components/stepper" target="_blank" rel="noopener">View source<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik Link-module_icon__3ReCc link_icon__i_HqN Link-module_verticalAlignMediumIcon__12PVa link_vertical-align-medium-icon__3IWi1" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="link-external" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M5 3V19H21V21H3V3H5ZM21 3V12H19V6.413L9.91421 15.5L8.5 14.0858L17.585 5H12V3H21Z" fill="currentColor"></path></svg></a></td></tr><tr><td><strong>HDS Core</strong></td><td><div style="display:flex;gap:var(--spacing-3-xs)"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="cross-circle" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2ZM12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4ZM15 7.5L16.5 9L13.5 12L16.5 15L15 16.5L12 13.5L9 16.5L7.5 15L10.5 12L7.5 9L9 7.5L12 10.5L15 7.5Z" fill="currentColor"></path></svg> No </div></td><td>-</td><td>-</td></tr></tbody></table></div>
 <h3 id="properties" style="position:relative" class="page-heading-3 heading-m">Properties<a href="#properties" aria-label="properties permalink" class="header-anchor after"><span><span class="hds-anchor-icon hds-icon hds-icon--link hds-icon--size-xs" aria-hidden="true" style="vertical-align: middle"></span></span></a></h3>
 <p>Note! You can find the full list of properties in the <a aria-label="React Storybook. Opens in a new tab" class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F" href="/storybook/react/?path=/docs/components-stepper--default" target="_blank" rel="noopener">React Storybook.</a></p>
-<div class="hds-table-container" tabindex="0"><table class="hds-table hds-table--dark" aria-label="Service users (dark variant)"><thead><tr class="hds-table__header-row dark"><th scope="col">Property</th><th scope="col">Description</th><th scope="col">Values</th><th scope="col">Default value</th></tr></thead><tbody class="hds-table__content"><tr><td><code>headingClassName</code></td><td>A custom class name for step heading.</td><td><code>string</code></td><td>-</td></tr><tr><td><code>language</code></td><td>The language of the stepper.</td><td><code>&quot;fi&quot;</code> <code>&quot;sv&quot;</code> <code>&quot;en&quot;</code></td><td><code>&quot;fi&quot;</code></td></tr><tr><td><code>onStepClick</code></td><td>A callback function for custom action on step click.</td><td><code>function</code></td><td>-</td></tr><tr><td><code>selectedStep</code></td><td>The index of the selected step.</td><td><code>number</code></td><td>-</td></tr><tr><td><code>small</code></td><td>If set to true, the small variant is used.</td><td><code>boolean</code></td><td>false</td></tr><tr><td><code>stepHeading</code></td><td>If set to true, a step heading is shown below the stepper.</td><td><code>boolean</code></td><td>false</td></tr><tr><td><code>stepHeadingAriaLevel</code></td><td>A step heading aria level.</td><td><code>number</code></td><td>2</td></tr><tr><td><code>steps</code></td><td>The steps of the stepper.</td><td><code>Steps</code></td><td>-</td></tr><tr><td>[Table 1:Stepper properties]</td><td></td><td></td><td></td></tr></tbody></table></div></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-103" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-103)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
+<div class="hds-table-container" tabindex="0"><table class="hds-table hds-table--dark" aria-label="Service users (dark variant)"><thead><tr class="hds-table__header-row dark"><th scope="col">Property</th><th scope="col">Description</th><th scope="col">Values</th><th scope="col">Default value</th></tr></thead><tbody class="hds-table__content"><tr><td><code>headingClassName</code></td><td>A custom class name for step heading.</td><td><code>string</code></td><td>-</td></tr><tr><td><code>language</code></td><td>The language of the stepper.</td><td><code>&quot;fi&quot;</code> <code>&quot;sv&quot;</code> <code>&quot;en&quot;</code></td><td><code>&quot;fi&quot;</code></td></tr><tr><td><code>onStepClick</code></td><td>A callback function for custom action on step click.</td><td><code>function</code></td><td>-</td></tr><tr><td><code>selectedStep</code></td><td>The index of the selected step.</td><td><code>number</code></td><td>-</td></tr><tr><td><code>small</code></td><td>If set to true, the small variant is used.</td><td><code>boolean</code></td><td>false</td></tr><tr><td><code>stepHeading</code></td><td>If set to true, a step heading is shown below the stepper.</td><td><code>boolean</code></td><td>false</td></tr><tr><td><code>stepHeadingAriaLevel</code></td><td>A step heading aria level.</td><td><code>number</code></td><td>2</td></tr><tr><td><code>steps</code></td><td>The steps of the stepper.</td><td><code>Steps</code></td><td>-</td></tr><tr><td>[Table 1:Stepper properties]</td><td></td><td></td><td></td></tr></tbody></table></div></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-102" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-102)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
     window.dev = undefined
     if (window.dev === true || !(navigator.doNotTrack === '1' || window.doNotTrack === '1')) {
       window._paq = window._paq || [];
@@ -1205,6 +1205,6 @@ <h3 id="properties" style="position:relative" class="page-heading-3 heading-m">P
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/components/stepper/customisation/index.html b/docs/header-custom-theme-site/components/stepper/customisation/index.html
index 752713783d..2d791c1f8a 100644
--- a/docs/header-custom-theme-site/components/stepper/customisation/index.html
+++ b/docs/header-custom-theme-site/components/stepper/customisation/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Stepper - Customisation"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Stepper - Customisation"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -330,7 +330,7 @@ <h3 id="customisation-example" style="position:relative" class="page-heading-3 h
     color: transparent !important;
   }
 }
-</style></div></div></div></div></div><div class="playground-block-buttons"><button type="button" class="Button-module_button__1msFE button_hds-button__2A0je Button-module_secondary__1nABp button_hds-button--secondary__1NOWS Button-module_size-small__3lizH button_hds-button--small__2NFef"><span class="Button-module_label__a4np1 button_hds-button__label__2EQa-">Copy code</span></button><button type="button" class="Button-module_button__1msFE button_hds-button__2A0je Button-module_secondary__1nABp button_hds-button--secondary__1NOWS Button-module_size-small__3lizH button_hds-button--small__2NFef"><div class="Button-module_icon__O-h7R button_hds-icon__17j8Z" aria-hidden="true"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-undo" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M14 10C16.2091 10 18 11.7909 18 14C18 16.2091 16.2091 18 14 18H10V20H14.0364L14.188 19.9981C17.4131 19.9171 20 17.2611 20 14C20 10.7389 17.4131 8.08285 14.188 8.0019L8.5 8L12 4.5L10.5 3L4.5 9L10.5 15L12 13.5L8.5 10H14Z" fill="currentColor"></path></svg></div><span class="Button-module_label__a4np1 button_hds-button__label__2EQa-">Reset example</span></button></div></div></div></div></div></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-100" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-100)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
+</style></div></div></div></div></div><div class="playground-block-buttons"><button type="button" class="Button-module_button__1msFE button_hds-button__2A0je Button-module_secondary__1nABp button_hds-button--secondary__1NOWS Button-module_size-small__3lizH button_hds-button--small__2NFef"><span class="Button-module_label__a4np1 button_hds-button__label__2EQa-">Copy code</span></button><button type="button" class="Button-module_button__1msFE button_hds-button__2A0je Button-module_secondary__1nABp button_hds-button--secondary__1NOWS Button-module_size-small__3lizH button_hds-button--small__2NFef"><div class="Button-module_icon__O-h7R button_hds-icon__17j8Z" aria-hidden="true"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-undo" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M14 10C16.2091 10 18 11.7909 18 14C18 16.2091 16.2091 18 14 18H10V20H14.0364L14.188 19.9981C17.4131 19.9171 20 17.2611 20 14C20 10.7389 17.4131 8.08285 14.188 8.0019L8.5 8L12 4.5L10.5 3L4.5 9L10.5 15L12 13.5L8.5 10H14Z" fill="currentColor"></path></svg></div><span class="Button-module_label__a4np1 button_hds-button__label__2EQa-">Reset example</span></button></div></div></div></div></div></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-101" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-101)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
     window.dev = undefined
     if (window.dev === true || !(navigator.doNotTrack === '1' || window.doNotTrack === '1')) {
       window._paq = window._paq || [];
@@ -358,6 +358,6 @@ <h3 id="customisation-example" style="position:relative" class="page-heading-3 h
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/components/stepper/index.html b/docs/header-custom-theme-site/components/stepper/index.html
index eccfbabf12..4c13c8eee8 100644
--- a/docs/header-custom-theme-site/components/stepper/index.html
+++ b/docs/header-custom-theme-site/components/stepper/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Stepper"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Stepper"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -112,7 +112,7 @@ <h4 id="step-states" style="position:relative" class="page-heading-4 heading-s">
 <li><code>paused</code> state for steps that require the user&#x27;s attention (e.g. waiting for a review from officials)</li>
 <li><code>disabled</code> state for steps that are not available yet (e.g. require a previous step to be completed first)</li>
 </ul>
-<div class="playground-block-preview playground-block-preview-light"><div lang="en" class="Stepper-module_stepperContainer__2sBZh" data-testid="hds-stepper"><div class="Stepper-module_stepper__W0Ugt"><div class="Stepper-module_line__2-_Vl" aria-hidden="true" style="width:max( calc(100% - var(--hds-step-width)), calc(6 * var(--hds-step-width) - var(--hds-step-width) ))"><div style="width:calc( 100% / 5)" class="Stepper-module_enabledLine__2oFd_"></div><div style="width:calc( 100% / 5)" class="Stepper-module_enabledLine__2oFd_"></div><div style="width:calc( 100% / 5)" class="Stepper-module_enabledLine__2oFd_"></div><div style="width:calc( 100% / 5)" class="Stepper-module_enabledLine__2oFd_"></div><div style="width:calc( 100% / 5)" class="Stepper-module_disabledLine__3Rc9w"></div></div><div class="Stepper-module_stepContainer__3jt3J"><button type="button" class="Stepper-module_step__sJ_fq" aria-current="false" aria-label="Completed. Step 1/6. Completed." data-testid="hds-stepper-step-0"><div class="Stepper-module_circleContainer__VIzlQ"><div class="Stepper-module_completedContainer__1Ko_a"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik Stepper-module_completedIcon__2UDJK" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="check" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M21 7L10 18L4.5 12.5L6 11L10 15L19.5 5.5L21 7Z" fill="currentColor"></path></svg></div></div><p class="Stepper-module_label__V9Nx6">Completed</p></button></div><div class="Stepper-module_stepContainer__3jt3J"><button type="button" class="Stepper-module_step__sJ_fq Stepper-module_selected__3yhqv" aria-current="step" aria-label="Current. Step 2/6." data-testid="hds-stepper-step-1"><div class="Stepper-module_circleContainer__VIzlQ"><div class="Stepper-module_circle__2sJm2"><span class="Stepper-module_number__2bmDN">2</span></div></div><p class="Stepper-module_label__V9Nx6">Current</p></button></div><div class="Stepper-module_stepContainer__3jt3J"><button type="button" class="Stepper-module_step__sJ_fq" aria-current="false" aria-label="Available. Step 3/6. Available." data-testid="hds-stepper-step-2"><div class="Stepper-module_circleContainer__VIzlQ"><div class="Stepper-module_circle__2sJm2"><span class="Stepper-module_number__2bmDN">3</span></div></div><p class="Stepper-module_label__V9Nx6">Available</p></button></div><div class="Stepper-module_stepContainer__3jt3J"><button type="button" class="Stepper-module_step__sJ_fq" aria-current="false" aria-label="Needs attention. Step 4/6. Needs attention." data-testid="hds-stepper-step-3"><div class="Stepper-module_circleContainer__VIzlQ"><div class="Stepper-module_circle__2sJm2"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_xs__3kAOj icon_hds-icon--size-xs__3dAMZ" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="error" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.1284 2.50974C11.4971 1.85436 12.4201 1.83095 12.8284 2.43952L12.8716 2.50974L22.4341 19.5097C22.7965 20.1541 22.3585 20.9453 21.638 20.9973L21.5625 21H2.43749C1.69816 21 1.22338 20.2303 1.53125 19.5769L1.56592 19.5097L11.1284 2.50974ZM12 5.04L4.14699 19H19.8525L12 5.04ZM13 16V18H11V16H13ZM13 9.5V14.5H11V9.5H13Z" fill="currentColor"></path></svg></div></div><p class="Stepper-module_label__V9Nx6">Needs attention</p></button></div><div class="Stepper-module_stepContainer__3jt3J"><button type="button" class="Stepper-module_step__sJ_fq" aria-current="false" aria-label="Paused. Step 5/6. Paused." data-testid="hds-stepper-step-4"><div class="Stepper-module_circleContainer__VIzlQ"><div class="Stepper-module_circle__2sJm2"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_xs__3kAOj icon_hds-icon--size-xs__3dAMZ" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="playback-pause" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M17 5V19H14V5H17ZM10 5V19H7V5H10Z" fill="currentColor"></path></svg></div></div><p class="Stepper-module_label__V9Nx6">Paused</p></button></div><div class="Stepper-module_stepContainer__3jt3J"><button type="button" disabled="" class="Stepper-module_step__sJ_fq Stepper-module_disabled__sxc_0" aria-current="false" aria-label="Disabled. Step 6/6." data-testid="hds-stepper-step-5"><div class="Stepper-module_circleContainer__VIzlQ"><div class="Stepper-module_circle__2sJm2"><span class="Stepper-module_number__2bmDN">6</span></div></div><p class="Stepper-module_label__V9Nx6">Disabled</p></button></div></div></div></div></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-99" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-99)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
+<div class="playground-block-preview playground-block-preview-light"><div lang="en" class="Stepper-module_stepperContainer__2sBZh" data-testid="hds-stepper"><div class="Stepper-module_stepper__W0Ugt"><div class="Stepper-module_line__2-_Vl" aria-hidden="true" style="width:max( calc(100% - var(--hds-step-width)), calc(6 * var(--hds-step-width) - var(--hds-step-width) ))"><div style="width:calc( 100% / 5)" class="Stepper-module_enabledLine__2oFd_"></div><div style="width:calc( 100% / 5)" class="Stepper-module_enabledLine__2oFd_"></div><div style="width:calc( 100% / 5)" class="Stepper-module_enabledLine__2oFd_"></div><div style="width:calc( 100% / 5)" class="Stepper-module_enabledLine__2oFd_"></div><div style="width:calc( 100% / 5)" class="Stepper-module_disabledLine__3Rc9w"></div></div><div class="Stepper-module_stepContainer__3jt3J"><button type="button" class="Stepper-module_step__sJ_fq" aria-current="false" aria-label="Completed. Step 1/6. Completed." data-testid="hds-stepper-step-0"><div class="Stepper-module_circleContainer__VIzlQ"><div class="Stepper-module_completedContainer__1Ko_a"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik Stepper-module_completedIcon__2UDJK" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="check" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M21 7L10 18L4.5 12.5L6 11L10 15L19.5 5.5L21 7Z" fill="currentColor"></path></svg></div></div><p class="Stepper-module_label__V9Nx6">Completed</p></button></div><div class="Stepper-module_stepContainer__3jt3J"><button type="button" class="Stepper-module_step__sJ_fq Stepper-module_selected__3yhqv" aria-current="step" aria-label="Current. Step 2/6." data-testid="hds-stepper-step-1"><div class="Stepper-module_circleContainer__VIzlQ"><div class="Stepper-module_circle__2sJm2"><span class="Stepper-module_number__2bmDN">2</span></div></div><p class="Stepper-module_label__V9Nx6">Current</p></button></div><div class="Stepper-module_stepContainer__3jt3J"><button type="button" class="Stepper-module_step__sJ_fq" aria-current="false" aria-label="Available. Step 3/6. Available." data-testid="hds-stepper-step-2"><div class="Stepper-module_circleContainer__VIzlQ"><div class="Stepper-module_circle__2sJm2"><span class="Stepper-module_number__2bmDN">3</span></div></div><p class="Stepper-module_label__V9Nx6">Available</p></button></div><div class="Stepper-module_stepContainer__3jt3J"><button type="button" class="Stepper-module_step__sJ_fq" aria-current="false" aria-label="Needs attention. Step 4/6. Needs attention." data-testid="hds-stepper-step-3"><div class="Stepper-module_circleContainer__VIzlQ"><div class="Stepper-module_circle__2sJm2"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_xs__3kAOj icon_hds-icon--size-xs__3dAMZ" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="error" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.1284 2.50974C11.4971 1.85436 12.4201 1.83095 12.8284 2.43952L12.8716 2.50974L22.4341 19.5097C22.7965 20.1541 22.3585 20.9453 21.638 20.9973L21.5625 21H2.43749C1.69816 21 1.22338 20.2303 1.53125 19.5769L1.56592 19.5097L11.1284 2.50974ZM12 5.04L4.14699 19H19.8525L12 5.04ZM13 16V18H11V16H13ZM13 9.5V14.5H11V9.5H13Z" fill="currentColor"></path></svg></div></div><p class="Stepper-module_label__V9Nx6">Needs attention</p></button></div><div class="Stepper-module_stepContainer__3jt3J"><button type="button" class="Stepper-module_step__sJ_fq" aria-current="false" aria-label="Paused. Step 5/6. Paused." data-testid="hds-stepper-step-4"><div class="Stepper-module_circleContainer__VIzlQ"><div class="Stepper-module_circle__2sJm2"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_xs__3kAOj icon_hds-icon--size-xs__3dAMZ" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="playback-pause" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M17 5V19H14V5H17ZM10 5V19H7V5H10Z" fill="currentColor"></path></svg></div></div><p class="Stepper-module_label__V9Nx6">Paused</p></button></div><div class="Stepper-module_stepContainer__3jt3J"><button type="button" disabled="" class="Stepper-module_step__sJ_fq Stepper-module_disabled__sxc_0" aria-current="false" aria-label="Disabled. Step 6/6." data-testid="hds-stepper-step-5"><div class="Stepper-module_circleContainer__VIzlQ"><div class="Stepper-module_circle__2sJm2"><span class="Stepper-module_number__2bmDN">6</span></div></div><p class="Stepper-module_label__V9Nx6">Disabled</p></button></div></div></div></div></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-98" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-98)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
     window.dev = undefined
     if (window.dev === true || !(navigator.doNotTrack === '1' || window.doNotTrack === '1')) {
       window._paq = window._paq || [];
@@ -140,6 +140,6 @@ <h4 id="step-states" style="position:relative" class="page-heading-4 heading-s">
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/components/stepper/tabs/index.html b/docs/header-custom-theme-site/components/stepper/tabs/index.html
index f5069a5e94..5741f8f180 100644
--- a/docs/header-custom-theme-site/components/stepper/tabs/index.html
+++ b/docs/header-custom-theme-site/components/stepper/tabs/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Stepper"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Stepper"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -56,7 +56,7 @@
 <div class="status-label-description"><span class="StatusLabel-module_statusLabel__3R2J2 status-label_hds-status-label__1L8YI StatusLabel-module_alert__2VR8r status-label_hds-status-label--alert__1ecsX">Beta</span><span class="StatusLabel-module_statusLabel__3R2J2 status-label_hds-status-label__1L8YI StatusLabel-module_success__2BfdX status-label_hds-status-label--success__3jiST" style="margin-left:var(--spacing-xs)">Accessible</span><div class="Tooltip-module_root__1Yo9t status-label-tooltip"><button type="button" class="Tooltip-module_button__2x9m0" title="Tooltip" aria-label="Tooltip" aria-expanded="false"><span aria-hidden="true"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="question-circle" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2ZM12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4ZM13 16V18H11V16H13ZM12.0437 5.75C14.0343 5.75 15.7173 7.29464 15.7173 9.42361C15.7173 10.7806 15.2461 11.489 14.161 12.306L13.9187 12.4844C13.1753 13.0295 12.9556 13.3359 12.9386 14.142L12.9375 14.25H10.9375C10.9375 12.6746 11.4591 11.8378 12.6143 10.9622L12.8618 10.7796C13.5685 10.2628 13.7173 10.0539 13.7173 9.42361C13.7173 8.43934 12.9662 7.75 12.0437 7.75C11.1907 7.75 10.4785 8.34077 10.3816 9.20835L10.3734 9.30587L8.37663 9.19182C8.49191 7.17347 10.1344 5.75 12.0437 5.75Z" fill="currentColor"></path></svg></span></button></div></div>
 <p style="font-size:var(--fontsize-body-xl);color:var(--color-black-90);max-width:600px">If a form is divided into multiple pages or steps, the Form progress component helps the user to understand the progression and to navigate between form steps.</p>
 <section class="Notification-module_notification__2hN3H notification_hds-notification__2DQPN siteNotification" aria-label="Notification"><div class="Notification-module_content__ZZKvE notification_hds-notification__content__5ylSS"><div class="Notification-module_label__1bhNu notification_hds-notification__label__2t1lR" role="heading" aria-level="2"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik Notification-module_icon__1ans7 notification_hds-icon__29HQM" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="info-circle-fill" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3ZM13 10V16.5H15V18H9V16.5H11V11.5H9V10H13ZM11.8125 6C12.5374 6 13.125 6.5876 13.125 7.3125C13.125 8.03735 12.5374 8.625 11.8125 8.625C11.0876 8.625 10.5 8.03735 10.5 7.3125C10.5 6.5876 11.0876 6 11.8125 6Z" fill="currentColor"></path></svg>Note about multi-page forms!</div><div class="Notification-module_body__9BSAD notification_hds-notification__body__3cobH"><p>This documentation page is about HDS multi-page stepper component. If you are looking for documentation about building multi-page forms, please refer to <a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F" href="/hds-demo/header-custom-theme-site/patterns/forms/form-multi-page">HDS multi-page form pattern documentation page</a>.</p></div></div></section>
-<div class="Tabs-module_tabs__2Ww5F"><div class="Tabs-module_tablistBar__elMv9 page-tabs-list"><div class="Tabs-module_scrollButton__3ufhP" aria-hidden="true"><button type="button" tabindex="-1"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-left" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.5 12L15.5 17L14 18.5L7.5 12L14 5.5L15.5 7L10.5 12Z" fill="currentColor"></path></svg></button></div><div class="Tabs-module_tablist__1iuDO"><ul role="tablist" style="width:0px"><li role="tab" aria-selected="true" aria-controls="tab-0-panel" tabindex="0" id="tab-0-button" class="Tabs-module_tab__3oOoX Tabs-module_active__1Ic3B"><span>Usage</span></li><li role="tab" aria-selected="false" aria-controls="tab-1-panel" tabindex="-1" id="tab-1-button" class="Tabs-module_tab__3oOoX"><span>Code</span></li><li role="tab" aria-selected="false" aria-controls="tab-2-panel" tabindex="-1" id="tab-2-button" class="Tabs-module_tab__3oOoX"><span>Accessibility</span></li><li role="tab" aria-selected="false" aria-controls="tab-3-panel" tabindex="-1" id="tab-3-button" class="Tabs-module_tab__3oOoX"><span>Customisation</span></li></ul></div><div class="Tabs-module_scrollButton__3ufhP" aria-hidden="true"><button type="button" tabindex="-1"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-right" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.5 12L8.5 7L10 5.5L16.5 12L10 18.5L8.5 17L13.5 12Z" fill="currentColor"></path></svg></button></div></div><div id="tab-0-panel" role="tabpanel" aria-labelledby="tab-0-button"></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-96" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-96)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
+<div class="Tabs-module_tabs__2Ww5F"><div class="Tabs-module_tablistBar__elMv9 page-tabs-list"><div class="Tabs-module_scrollButton__3ufhP" aria-hidden="true"><button type="button" tabindex="-1"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-left" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.5 12L15.5 17L14 18.5L7.5 12L14 5.5L15.5 7L10.5 12Z" fill="currentColor"></path></svg></button></div><div class="Tabs-module_tablist__1iuDO"><ul role="tablist" style="width:0px"><li role="tab" aria-selected="true" aria-controls="tab-0-panel" tabindex="0" id="tab-0-button" class="Tabs-module_tab__3oOoX Tabs-module_active__1Ic3B"><span>Usage</span></li><li role="tab" aria-selected="false" aria-controls="tab-1-panel" tabindex="-1" id="tab-1-button" class="Tabs-module_tab__3oOoX"><span>Code</span></li><li role="tab" aria-selected="false" aria-controls="tab-2-panel" tabindex="-1" id="tab-2-button" class="Tabs-module_tab__3oOoX"><span>Accessibility</span></li><li role="tab" aria-selected="false" aria-controls="tab-3-panel" tabindex="-1" id="tab-3-button" class="Tabs-module_tab__3oOoX"><span>Customisation</span></li></ul></div><div class="Tabs-module_scrollButton__3ufhP" aria-hidden="true"><button type="button" tabindex="-1"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-right" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.5 12L8.5 7L10 5.5L16.5 12L10 18.5L8.5 17L13.5 12Z" fill="currentColor"></path></svg></button></div></div><div id="tab-0-panel" role="tabpanel" aria-labelledby="tab-0-button"></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-97" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-97)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
     window.dev = undefined
     if (window.dev === true || !(navigator.doNotTrack === '1' || window.doNotTrack === '1')) {
       window._paq = window._paq || [];
@@ -84,6 +84,6 @@
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/components/table/accessibility/index.html b/docs/header-custom-theme-site/components/table/accessibility/index.html
index e03351c7f0..ca8d6d3434 100644
--- a/docs/header-custom-theme-site/components/table/accessibility/index.html
+++ b/docs/header-custom-theme-site/components/table/accessibility/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Table - Accessibility"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Table - Accessibility"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -67,7 +67,7 @@ <h3 id="pay-attention-to" style="position:relative" class="page-heading-3 headin
 </ul>
 </li>
 <li>If your table includes empty column header cells, make sure they have a <code>role=“presentation”</code> attribute.</li>
-</ul></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-87" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-87)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
+</ul></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-86" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-86)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
     window.dev = undefined
     if (window.dev === true || !(navigator.doNotTrack === '1' || window.doNotTrack === '1')) {
       window._paq = window._paq || [];
@@ -95,6 +95,6 @@ <h3 id="pay-attention-to" style="position:relative" class="page-heading-3 headin
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/components/table/code/index.html b/docs/header-custom-theme-site/components/table/code/index.html
index c9e1902a14..f83d754499 100644
--- a/docs/header-custom-theme-site/components/table/code/index.html
+++ b/docs/header-custom-theme-site/components/table/code/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Table - Code"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Table - Code"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -923,6 +923,6 @@ <h3 id="properties" style="position:relative" class="page-heading-3 heading-m">P
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/components/table/customisation/index.html b/docs/header-custom-theme-site/components/table/customisation/index.html
index c67b5d13f9..de97396621 100644
--- a/docs/header-custom-theme-site/components/table/customisation/index.html
+++ b/docs/header-custom-theme-site/components/table/customisation/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Table - Customisation"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Table - Customisation"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -240,7 +240,7 @@ <h3 id="customisation-example" style="position:relative" class="page-heading-3 h
     color: transparent !important;
   }
 }
-</style></div></div></div></div></div><div class="playground-block-buttons"><button type="button" class="Button-module_button__1msFE button_hds-button__2A0je Button-module_secondary__1nABp button_hds-button--secondary__1NOWS Button-module_size-small__3lizH button_hds-button--small__2NFef"><span class="Button-module_label__a4np1 button_hds-button__label__2EQa-">Copy code</span></button><button type="button" class="Button-module_button__1msFE button_hds-button__2A0je Button-module_secondary__1nABp button_hds-button--secondary__1NOWS Button-module_size-small__3lizH button_hds-button--small__2NFef"><div class="Button-module_icon__O-h7R button_hds-icon__17j8Z" aria-hidden="true"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-undo" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M14 10C16.2091 10 18 11.7909 18 14C18 16.2091 16.2091 18 14 18H10V20H14.0364L14.188 19.9981C17.4131 19.9171 20 17.2611 20 14C20 10.7389 17.4131 8.08285 14.188 8.0019L8.5 8L12 4.5L10.5 3L4.5 9L10.5 15L12 13.5L8.5 10H14Z" fill="currentColor"></path></svg></div><span class="Button-module_label__a4np1 button_hds-button__label__2EQa-">Reset example</span></button></div></div></div></div></div></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-83" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-83)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
+</style></div></div></div></div></div><div class="playground-block-buttons"><button type="button" class="Button-module_button__1msFE button_hds-button__2A0je Button-module_secondary__1nABp button_hds-button--secondary__1NOWS Button-module_size-small__3lizH button_hds-button--small__2NFef"><span class="Button-module_label__a4np1 button_hds-button__label__2EQa-">Copy code</span></button><button type="button" class="Button-module_button__1msFE button_hds-button__2A0je Button-module_secondary__1nABp button_hds-button--secondary__1NOWS Button-module_size-small__3lizH button_hds-button--small__2NFef"><div class="Button-module_icon__O-h7R button_hds-icon__17j8Z" aria-hidden="true"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-undo" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M14 10C16.2091 10 18 11.7909 18 14C18 16.2091 16.2091 18 14 18H10V20H14.0364L14.188 19.9981C17.4131 19.9171 20 17.2611 20 14C20 10.7389 17.4131 8.08285 14.188 8.0019L8.5 8L12 4.5L10.5 3L4.5 9L10.5 15L12 13.5L8.5 10H14Z" fill="currentColor"></path></svg></div><span class="Button-module_label__a4np1 button_hds-button__label__2EQa-">Reset example</span></button></div></div></div></div></div></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-82" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-82)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
     window.dev = undefined
     if (window.dev === true || !(navigator.doNotTrack === '1' || window.doNotTrack === '1')) {
       window._paq = window._paq || [];
@@ -268,6 +268,6 @@ <h3 id="customisation-example" style="position:relative" class="page-heading-3 h
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/components/table/index.html b/docs/header-custom-theme-site/components/table/index.html
index 4d4196a752..90b2dbdf09 100644
--- a/docs/header-custom-theme-site/components/table/index.html
+++ b/docs/header-custom-theme-site/components/table/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Table"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Table"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -152,6 +152,6 @@ <h4 id="selecting-rows" style="position:relative" class="page-heading-4 heading-
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/components/table/tabs/index.html b/docs/header-custom-theme-site/components/table/tabs/index.html
index d8d77952fc..e2ff0b83db 100644
--- a/docs/header-custom-theme-site/components/table/tabs/index.html
+++ b/docs/header-custom-theme-site/components/table/tabs/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Table"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Table"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -56,7 +56,7 @@
 <div class="status-label-description"><span class="StatusLabel-module_statusLabel__3R2J2 status-label_hds-status-label__1L8YI StatusLabel-module_info__3YrAe status-label_hds-status-label--info__J28-H">Stable</span><span class="StatusLabel-module_statusLabel__3R2J2 status-label_hds-status-label__1L8YI StatusLabel-module_success__2BfdX status-label_hds-status-label--success__3jiST" style="margin-left:var(--spacing-xs)">Accessible</span><div class="Tooltip-module_root__1Yo9t status-label-tooltip"><button type="button" class="Tooltip-module_button__2x9m0" title="Tooltip" aria-label="Tooltip" aria-expanded="false"><span aria-hidden="true"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="question-circle" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2ZM12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4ZM13 16V18H11V16H13ZM12.0437 5.75C14.0343 5.75 15.7173 7.29464 15.7173 9.42361C15.7173 10.7806 15.2461 11.489 14.161 12.306L13.9187 12.4844C13.1753 13.0295 12.9556 13.3359 12.9386 14.142L12.9375 14.25H10.9375C10.9375 12.6746 11.4591 11.8378 12.6143 10.9622L12.8618 10.7796C13.5685 10.2628 13.7173 10.0539 13.7173 9.42361C13.7173 8.43934 12.9662 7.75 12.0437 7.75C11.1907 7.75 10.4785 8.34077 10.3816 9.20835L10.3734 9.30587L8.37663 9.19182C8.49191 7.17347 10.1344 5.75 12.0437 5.75Z" fill="currentColor"></path></svg></span></button></div></div>
 <p style="font-size:var(--fontsize-body-xl);color:var(--color-black-90);max-width:600px">  Tables are used to present tabulated data to the user in a consistent manner. HDS Tables offer multiple variants to allow clear presentation of vastly different data sets.</p>
 <section class="Notification-module_notification__2hN3H notification_hds-notification__2DQPN siteNotification" aria-label="Notification"><div class="Notification-module_content__ZZKvE notification_hds-notification__content__5ylSS"><div class="Notification-module_label__1bhNu notification_hds-notification__label__2t1lR" role="heading" aria-level="2"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik Notification-module_icon__1ans7 notification_hds-icon__29HQM" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="info-circle-fill" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3ZM13 10V16.5H15V18H9V16.5H11V11.5H9V10H13ZM11.8125 6C12.5374 6 13.125 6.5876 13.125 7.3125C13.125 8.03735 12.5374 8.625 11.8125 8.625C11.0876 8.625 10.5 8.03735 10.5 7.3125C10.5 6.5876 11.0876 6 11.8125 6Z" fill="currentColor"></path></svg>More table features are coming!</div><div class="Notification-module_body__9BSAD notification_hds-notification__body__3cobH"><p>HDS Tables are work in progress. The current feature set will serve most projects but later we are also looking into adding more features such as single row actions (edit, delete), expandable rows and supporting more HDS components inside tables.</p></div></div></section>
-<div class="Tabs-module_tabs__2Ww5F"><div class="Tabs-module_tablistBar__elMv9 page-tabs-list"><div class="Tabs-module_scrollButton__3ufhP" aria-hidden="true"><button type="button" tabindex="-1"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-left" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.5 12L15.5 17L14 18.5L7.5 12L14 5.5L15.5 7L10.5 12Z" fill="currentColor"></path></svg></button></div><div class="Tabs-module_tablist__1iuDO"><ul role="tablist" style="width:0px"><li role="tab" aria-selected="true" aria-controls="tab-0-panel" tabindex="0" id="tab-0-button" class="Tabs-module_tab__3oOoX Tabs-module_active__1Ic3B"><span>Usage</span></li><li role="tab" aria-selected="false" aria-controls="tab-1-panel" tabindex="-1" id="tab-1-button" class="Tabs-module_tab__3oOoX"><span>Code</span></li><li role="tab" aria-selected="false" aria-controls="tab-2-panel" tabindex="-1" id="tab-2-button" class="Tabs-module_tab__3oOoX"><span>Accessibility</span></li><li role="tab" aria-selected="false" aria-controls="tab-3-panel" tabindex="-1" id="tab-3-button" class="Tabs-module_tab__3oOoX"><span>Customisation</span></li></ul></div><div class="Tabs-module_scrollButton__3ufhP" aria-hidden="true"><button type="button" tabindex="-1"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-right" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.5 12L8.5 7L10 5.5L16.5 12L10 18.5L8.5 17L13.5 12Z" fill="currentColor"></path></svg></button></div></div><div id="tab-0-panel" role="tabpanel" aria-labelledby="tab-0-button"></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-79" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-79)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
+<div class="Tabs-module_tabs__2Ww5F"><div class="Tabs-module_tablistBar__elMv9 page-tabs-list"><div class="Tabs-module_scrollButton__3ufhP" aria-hidden="true"><button type="button" tabindex="-1"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-left" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.5 12L15.5 17L14 18.5L7.5 12L14 5.5L15.5 7L10.5 12Z" fill="currentColor"></path></svg></button></div><div class="Tabs-module_tablist__1iuDO"><ul role="tablist" style="width:0px"><li role="tab" aria-selected="true" aria-controls="tab-0-panel" tabindex="0" id="tab-0-button" class="Tabs-module_tab__3oOoX Tabs-module_active__1Ic3B"><span>Usage</span></li><li role="tab" aria-selected="false" aria-controls="tab-1-panel" tabindex="-1" id="tab-1-button" class="Tabs-module_tab__3oOoX"><span>Code</span></li><li role="tab" aria-selected="false" aria-controls="tab-2-panel" tabindex="-1" id="tab-2-button" class="Tabs-module_tab__3oOoX"><span>Accessibility</span></li><li role="tab" aria-selected="false" aria-controls="tab-3-panel" tabindex="-1" id="tab-3-button" class="Tabs-module_tab__3oOoX"><span>Customisation</span></li></ul></div><div class="Tabs-module_scrollButton__3ufhP" aria-hidden="true"><button type="button" tabindex="-1"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-right" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.5 12L8.5 7L10 5.5L16.5 12L10 18.5L8.5 17L13.5 12Z" fill="currentColor"></path></svg></button></div></div><div id="tab-0-panel" role="tabpanel" aria-labelledby="tab-0-button"></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-78" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-78)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
     window.dev = undefined
     if (window.dev === true || !(navigator.doNotTrack === '1' || window.doNotTrack === '1')) {
       window._paq = window._paq || [];
@@ -84,6 +84,6 @@
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/components/tabs/accessibility/index.html b/docs/header-custom-theme-site/components/tabs/accessibility/index.html
index 25790ef56e..435f2386d9 100644
--- a/docs/header-custom-theme-site/components/tabs/accessibility/index.html
+++ b/docs/header-custom-theme-site/components/tabs/accessibility/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Tabs - Accessibility"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Tabs - Accessibility"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -90,6 +90,6 @@ <h3 id="pay-attention-to" style="position:relative" class="page-heading-3 headin
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/components/tabs/code/index.html b/docs/header-custom-theme-site/components/tabs/code/index.html
index 5ca2e828c7..fab34800cf 100644
--- a/docs/header-custom-theme-site/components/tabs/code/index.html
+++ b/docs/header-custom-theme-site/components/tabs/code/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Tabs - Code"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Tabs - Code"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -328,7 +328,7 @@ <h3 id="packages" style="position:relative" class="page-heading-3 heading-m">Pac
 <div class="hds-table-container" tabindex="0"><table class="hds-table hds-table--dark" aria-label="Service users (dark variant)"><thead><tr class="hds-table__header-row dark"><th scope="col">Package</th><th scope="col">Included</th><th scope="col">Storybook link</th><th scope="col">Source link</th></tr></thead><tbody class="hds-table__content"><tr><td><strong>HDS React</strong></td><td><div style="display:flex;gap:var(--spacing-3-xs)"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="check-circle-fill" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3ZM16.5 8L18 9.5L10.5 17L6 12.5L7.5 11L10.5 14L16.5 8Z" fill="currentColor"></path></svg> Yes </div></td><td><a aria-label="View in Storybook. Opens in a new tab" class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F" href="/storybook/react/?path=/story/components-tabs--default" target="_blank" rel="noopener">View in Storybook</a></td><td><a aria-label="View source. Opens in a new tab Opens a different website." class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F" href="https://github.com/City-of-Helsinki/helsinki-design-system/tree/master/packages/react/src/components/stepper" target="_blank" rel="noopener">View source<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik Link-module_icon__3ReCc link_icon__i_HqN Link-module_verticalAlignMediumIcon__12PVa link_vertical-align-medium-icon__3IWi1" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="link-external" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M5 3V19H21V21H3V3H5ZM21 3V12H19V6.413L9.91421 15.5L8.5 14.0858L17.585 5H12V3H21Z" fill="currentColor"></path></svg></a></td></tr><tr><td><strong>HDS Core</strong></td><td><div style="display:flex;gap:var(--spacing-3-xs)"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="cross-circle" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2ZM12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4ZM15 7.5L16.5 9L13.5 12L16.5 15L15 16.5L12 13.5L9 16.5L7.5 15L10.5 12L7.5 9L9 7.5L12 10.5L15 7.5Z" fill="currentColor"></path></svg> No </div></td><td>-</td><td>-</td></tr></tbody></table></div>
 <h3 id="properties" style="position:relative" class="page-heading-3 heading-m">Properties<a href="#properties" aria-label="properties permalink" class="header-anchor after"><span><span class="hds-anchor-icon hds-icon hds-icon--link hds-icon--size-xs" aria-hidden="true" style="vertical-align: middle"></span></span></a></h3>
 <p>Note! You can find the full list of properties in the <a aria-label="React Storybook. Opens in a new tab" class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F" href="/storybook/react/?path=/docs/components-tabs--default" target="_blank" rel="noopener">React Storybook.</a></p>
-<div class="hds-table-container" tabindex="0"><table class="hds-table hds-table--dark" aria-label="Service users (dark variant)"><thead><tr class="hds-table__header-row dark"><th scope="col">Property</th><th scope="col">Description</th><th scope="col">Values</th><th scope="col">Default value</th></tr></thead><tbody class="hds-table__content"><tr><td><code>small</code></td><td>If set to true, the small tabs variant is used.</td><td><code>boolean</code></td><td>false</td></tr><tr><td>[Table 1:Tabs properties]</td><td></td><td></td><td></td></tr></tbody></table></div></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-75" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-75)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
+<div class="hds-table-container" tabindex="0"><table class="hds-table hds-table--dark" aria-label="Service users (dark variant)"><thead><tr class="hds-table__header-row dark"><th scope="col">Property</th><th scope="col">Description</th><th scope="col">Values</th><th scope="col">Default value</th></tr></thead><tbody class="hds-table__content"><tr><td><code>small</code></td><td>If set to true, the small tabs variant is used.</td><td><code>boolean</code></td><td>false</td></tr><tr><td>[Table 1:Tabs properties]</td><td></td><td></td><td></td></tr></tbody></table></div></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-74" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-74)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
     window.dev = undefined
     if (window.dev === true || !(navigator.doNotTrack === '1' || window.doNotTrack === '1')) {
       window._paq = window._paq || [];
@@ -356,6 +356,6 @@ <h3 id="properties" style="position:relative" class="page-heading-3 heading-m">P
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/components/tabs/customisation/index.html b/docs/header-custom-theme-site/components/tabs/customisation/index.html
index 4af8550f01..e9ca917e1a 100644
--- a/docs/header-custom-theme-site/components/tabs/customisation/index.html
+++ b/docs/header-custom-theme-site/components/tabs/customisation/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Tabs - Customisation"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Tabs - Customisation"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -187,6 +187,6 @@ <h3 id="customisation-example" style="position:relative" class="page-heading-3 h
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/components/tabs/index.html b/docs/header-custom-theme-site/components/tabs/index.html
index 386a578b62..8270af0a20 100644
--- a/docs/header-custom-theme-site/components/tabs/index.html
+++ b/docs/header-custom-theme-site/components/tabs/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Tabs"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Tabs"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -81,7 +81,7 @@ <h4 id="small" style="position:relative" class="page-heading-4 heading-s">Small<
 <h4 id="overflow" style="position:relative" class="page-heading-4 heading-s">Overflow<a href="#overflow" aria-label="overflow permalink" class="header-anchor after"><span><span class="hds-anchor-icon hds-icon hds-icon--link hds-icon--size-xs" aria-hidden="true" style="vertical-align: middle"></span></span></a></h4>
 <p>HDS Tabs have an automatic overflow functionality when the TabList does not fit into its container. In this case, an overflow indicator icon is shown at the edge of the TabList if there are tabs outside of the visible area. TabList scrolls automatically when the user selects tabs, presses the overflow icon or uses keyboard controls to move between tabs.</p>
 <p>Note! It is generally recommended that before relying on the overflow you attempt other solutions first. For example, you can try using the small tabs variant or reducing the number of tabs in the tablist.</p>
-<div class="playground-block-preview playground-block-preview-light"><div style="max-width:400px"><div class="Tabs-module_tabs__2Ww5F"><div class="Tabs-module_tablistBar__elMv9" style="margin-bottom:var(--spacing-m)"><div class="Tabs-module_scrollButton__3ufhP" aria-hidden="true"><button type="button" tabindex="-1"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-left" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.5 12L15.5 17L14 18.5L7.5 12L14 5.5L15.5 7L10.5 12Z" fill="currentColor"></path></svg></button></div><div class="Tabs-module_tablist__1iuDO"><ul role="tablist" style="width:0px"><li role="tab" aria-selected="true" aria-controls="tab-0-panel" tabindex="0" id="tab-0-button" class="Tabs-module_tab__3oOoX Tabs-module_active__1Ic3B"><span>Daycare</span></li><li role="tab" aria-selected="false" aria-controls="tab-1-panel" tabindex="-1" id="tab-1-button" class="Tabs-module_tab__3oOoX"><span>Pre-school</span></li><li role="tab" aria-selected="false" aria-controls="tab-2-panel" tabindex="-1" id="tab-2-button" class="Tabs-module_tab__3oOoX"><span>Basic education</span></li><li role="tab" aria-selected="false" aria-controls="tab-3-panel" tabindex="-1" id="tab-3-button" class="Tabs-module_tab__3oOoX"><span>Upper secondary</span></li><li role="tab" aria-selected="false" aria-controls="tab-4-panel" tabindex="-1" id="tab-4-button" class="Tabs-module_tab__3oOoX"><span>University</span></li></ul></div><div class="Tabs-module_scrollButton__3ufhP" aria-hidden="true"><button type="button" tabindex="-1"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-right" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.5 12L8.5 7L10 5.5L16.5 12L10 18.5L8.5 17L13.5 12Z" fill="currentColor"></path></svg></button></div></div><div id="tab-0-panel" role="tabpanel" aria-labelledby="tab-0-button"><p>Daytime care for people who cannot be fully independent, such as children or elderly people.</p></div></div></div></div></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-71" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-71)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
+<div class="playground-block-preview playground-block-preview-light"><div style="max-width:400px"><div class="Tabs-module_tabs__2Ww5F"><div class="Tabs-module_tablistBar__elMv9" style="margin-bottom:var(--spacing-m)"><div class="Tabs-module_scrollButton__3ufhP" aria-hidden="true"><button type="button" tabindex="-1"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-left" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.5 12L15.5 17L14 18.5L7.5 12L14 5.5L15.5 7L10.5 12Z" fill="currentColor"></path></svg></button></div><div class="Tabs-module_tablist__1iuDO"><ul role="tablist" style="width:0px"><li role="tab" aria-selected="true" aria-controls="tab-0-panel" tabindex="0" id="tab-0-button" class="Tabs-module_tab__3oOoX Tabs-module_active__1Ic3B"><span>Daycare</span></li><li role="tab" aria-selected="false" aria-controls="tab-1-panel" tabindex="-1" id="tab-1-button" class="Tabs-module_tab__3oOoX"><span>Pre-school</span></li><li role="tab" aria-selected="false" aria-controls="tab-2-panel" tabindex="-1" id="tab-2-button" class="Tabs-module_tab__3oOoX"><span>Basic education</span></li><li role="tab" aria-selected="false" aria-controls="tab-3-panel" tabindex="-1" id="tab-3-button" class="Tabs-module_tab__3oOoX"><span>Upper secondary</span></li><li role="tab" aria-selected="false" aria-controls="tab-4-panel" tabindex="-1" id="tab-4-button" class="Tabs-module_tab__3oOoX"><span>University</span></li></ul></div><div class="Tabs-module_scrollButton__3ufhP" aria-hidden="true"><button type="button" tabindex="-1"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-right" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.5 12L8.5 7L10 5.5L16.5 12L10 18.5L8.5 17L13.5 12Z" fill="currentColor"></path></svg></button></div></div><div id="tab-0-panel" role="tabpanel" aria-labelledby="tab-0-button"><p>Daytime care for people who cannot be fully independent, such as children or elderly people.</p></div></div></div></div></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-70" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-70)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
     window.dev = undefined
     if (window.dev === true || !(navigator.doNotTrack === '1' || window.doNotTrack === '1')) {
       window._paq = window._paq || [];
@@ -109,6 +109,6 @@ <h4 id="overflow" style="position:relative" class="page-heading-4 heading-s">Ove
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/components/tabs/tabs/index.html b/docs/header-custom-theme-site/components/tabs/tabs/index.html
index 96f0ac74ee..d227f3e890 100644
--- a/docs/header-custom-theme-site/components/tabs/tabs/index.html
+++ b/docs/header-custom-theme-site/components/tabs/tabs/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Tabs"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Tabs"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -83,6 +83,6 @@
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/components/tag/accessibility/index.html b/docs/header-custom-theme-site/components/tag/accessibility/index.html
index ceb91ae9ac..72b7a738ff 100644
--- a/docs/header-custom-theme-site/components/tag/accessibility/index.html
+++ b/docs/header-custom-theme-site/components/tag/accessibility/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Tag - Accessibility"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Tag - Accessibility"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -100,6 +100,6 @@ <h3 id="which-role-attribute-should-be-used-with-tags" style="position:relative"
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/components/tag/code/index.html b/docs/header-custom-theme-site/components/tag/code/index.html
index 26390c53db..5839f14e58 100644
--- a/docs/header-custom-theme-site/components/tag/code/index.html
+++ b/docs/header-custom-theme-site/components/tag/code/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Tag - Code"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Tag - Code"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -349,6 +349,6 @@ <h3 id="properties" style="position:relative" class="page-heading-3 heading-m">P
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/components/tag/customisation/index.html b/docs/header-custom-theme-site/components/tag/customisation/index.html
index c1e05e2970..0322108ecf 100644
--- a/docs/header-custom-theme-site/components/tag/customisation/index.html
+++ b/docs/header-custom-theme-site/components/tag/customisation/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Tag - Customisation"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Tag - Customisation"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -141,6 +141,6 @@ <h3 id="customisation-example" style="position:relative" class="page-heading-3 h
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/components/tag/index.html b/docs/header-custom-theme-site/components/tag/index.html
index c73f45e506..d6527e8f56 100644
--- a/docs/header-custom-theme-site/components/tag/index.html
+++ b/docs/header-custom-theme-site/components/tag/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Tag"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Tag"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -81,7 +81,7 @@ <h4 id="deletable" style="position:relative" class="page-heading-4 heading-s">De
 <div class="playground-block-preview playground-block-preview-light"><div id="hds-tag" class="Tag-module_tag__3bo5S tag_hds-tag__3MKf3"><span id="hds-tag-label" class="Tag-module_label__zCgFr tag_hds-tag__label__I6mc8"><span aria-hidden="true">News</span></span><button id="hds-tag-delete-button" type="button" class="Tag-module_deleteButton__1diMR tag_hds-tag__delete-button__33Tgz" aria-label="Delete filter: News"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="cross" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M18 7.5L13.5 12L18 16.5L16.5 18L12 13.5L7.5 18L6 16.5L10.5 12L6 7.5L7.5 6L12 10.5L16.5 6L18 7.5Z" fill="currentColor"></path></svg></button></div><div id="hds-tag" class="Tag-module_tag__3bo5S tag_hds-tag__3MKf3" style="margin-left:var(--spacing-s)"><span id="hds-tag-label" class="Tag-module_label__zCgFr tag_hds-tag__label__I6mc8"><span aria-hidden="true">Announcements</span></span><button id="hds-tag-delete-button" type="button" class="Tag-module_deleteButton__1diMR tag_hds-tag__delete-button__33Tgz" aria-label="Delete filter: Announcements"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="cross" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M18 7.5L13.5 12L18 16.5L16.5 18L12 13.5L7.5 18L6 16.5L10.5 12L6 7.5L7.5 6L12 10.5L16.5 6L18 7.5Z" fill="currentColor"></path></svg></button></div></div>
 <h4 id="large-deletable" style="position:relative" class="page-heading-4 heading-s">Large deletable<a href="#large-deletable" aria-label="large deletable permalink" class="header-anchor after"><span><span class="hds-anchor-icon hds-icon hds-icon--link hds-icon--size-xs" aria-hidden="true" style="vertical-align: middle"></span></span></a></h4>
 <p>The large Tag variant is suited for search and filter usage. Larger area and text are more accessible, especially on mobile devices.</p>
-<div class="playground-block-preview playground-block-preview-light"><div id="hds-tag" class="Tag-module_tag__3bo5S tag_hds-tag__3MKf3 Tag-module_large__1ZNIX tag_hds-tag--large__1bVs5"><span id="hds-tag-label" class="Tag-module_label__zCgFr tag_hds-tag__label__I6mc8"><span aria-hidden="true">News</span></span><button id="hds-tag-delete-button" type="button" class="Tag-module_deleteButton__1diMR tag_hds-tag__delete-button__33Tgz" aria-label="Delete filter: News"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="cross" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M18 7.5L13.5 12L18 16.5L16.5 18L12 13.5L7.5 18L6 16.5L10.5 12L6 7.5L7.5 6L12 10.5L16.5 6L18 7.5Z" fill="currentColor"></path></svg></button></div><div id="hds-tag" class="Tag-module_tag__3bo5S tag_hds-tag__3MKf3 Tag-module_large__1ZNIX tag_hds-tag--large__1bVs5" style="margin-left:var(--spacing-s)"><span id="hds-tag-label" class="Tag-module_label__zCgFr tag_hds-tag__label__I6mc8"><span aria-hidden="true">Announcements</span></span><button id="hds-tag-delete-button" type="button" class="Tag-module_deleteButton__1diMR tag_hds-tag__delete-button__33Tgz" aria-label="Delete filter: Announcements"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="cross" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M18 7.5L13.5 12L18 16.5L16.5 18L12 13.5L7.5 18L6 16.5L10.5 12L6 7.5L7.5 6L12 10.5L16.5 6L18 7.5Z" fill="currentColor"></path></svg></button></div></div></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-38" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-38)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
+<div class="playground-block-preview playground-block-preview-light"><div id="hds-tag" class="Tag-module_tag__3bo5S tag_hds-tag__3MKf3 Tag-module_large__1ZNIX tag_hds-tag--large__1bVs5"><span id="hds-tag-label" class="Tag-module_label__zCgFr tag_hds-tag__label__I6mc8"><span aria-hidden="true">News</span></span><button id="hds-tag-delete-button" type="button" class="Tag-module_deleteButton__1diMR tag_hds-tag__delete-button__33Tgz" aria-label="Delete filter: News"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="cross" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M18 7.5L13.5 12L18 16.5L16.5 18L12 13.5L7.5 18L6 16.5L10.5 12L6 7.5L7.5 6L12 10.5L16.5 6L18 7.5Z" fill="currentColor"></path></svg></button></div><div id="hds-tag" class="Tag-module_tag__3bo5S tag_hds-tag__3MKf3 Tag-module_large__1ZNIX tag_hds-tag--large__1bVs5" style="margin-left:var(--spacing-s)"><span id="hds-tag-label" class="Tag-module_label__zCgFr tag_hds-tag__label__I6mc8"><span aria-hidden="true">Announcements</span></span><button id="hds-tag-delete-button" type="button" class="Tag-module_deleteButton__1diMR tag_hds-tag__delete-button__33Tgz" aria-label="Delete filter: Announcements"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="cross" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M18 7.5L13.5 12L18 16.5L16.5 18L12 13.5L7.5 18L6 16.5L10.5 12L6 7.5L7.5 6L12 10.5L16.5 6L18 7.5Z" fill="currentColor"></path></svg></button></div></div></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-39" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-39)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
     window.dev = undefined
     if (window.dev === true || !(navigator.doNotTrack === '1' || window.doNotTrack === '1')) {
       window._paq = window._paq || [];
@@ -109,6 +109,6 @@ <h4 id="large-deletable" style="position:relative" class="page-heading-4 heading
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/components/tag/tabs/index.html b/docs/header-custom-theme-site/components/tag/tabs/index.html
index 5b22e3d939..dfa8f7ee63 100644
--- a/docs/header-custom-theme-site/components/tag/tabs/index.html
+++ b/docs/header-custom-theme-site/components/tag/tabs/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Tag"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Tag"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -83,6 +83,6 @@
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/components/text-area/accessibility/index.html b/docs/header-custom-theme-site/components/text-area/accessibility/index.html
index 1b35245788..d5cfd97f18 100644
--- a/docs/header-custom-theme-site/components/text-area/accessibility/index.html
+++ b/docs/header-custom-theme-site/components/text-area/accessibility/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | TextArea - Accessibility"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | TextArea - Accessibility"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -89,6 +89,6 @@ <h3 id="pay-attention-to" style="position:relative" class="page-heading-3 headin
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/components/text-area/code/index.html b/docs/header-custom-theme-site/components/text-area/code/index.html
index 0c50fdce63..6341ead061 100644
--- a/docs/header-custom-theme-site/components/text-area/code/index.html
+++ b/docs/header-custom-theme-site/components/text-area/code/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | TextArea - Code"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | TextArea - Code"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -229,6 +229,6 @@ <h3 id="properties" style="position:relative" class="page-heading-3 heading-m">P
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/components/text-area/index.html b/docs/header-custom-theme-site/components/text-area/index.html
index 858aad2160..1e9dc56da8 100644
--- a/docs/header-custom-theme-site/components/text-area/index.html
+++ b/docs/header-custom-theme-site/components/text-area/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | TextArea"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | TextArea"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -103,6 +103,6 @@ <h4 id="with-a-tooltip" style="position:relative" class="page-heading-4 heading-
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/components/text-area/tabs/index.html b/docs/header-custom-theme-site/components/text-area/tabs/index.html
index 279c811d44..9bc5986dba 100644
--- a/docs/header-custom-theme-site/components/text-area/tabs/index.html
+++ b/docs/header-custom-theme-site/components/text-area/tabs/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | TextArea"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | TextArea"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -55,7 +55,7 @@
   </script><link rel="manifest" href="/hds-demo/header-custom-theme-site/manifest.webmanifest" crossorigin="anonymous"/><link rel="apple-touch-icon" sizes="any" href="/hds-demo/header-custom-theme-site/favicon/light/favicon-32x32.ico"/><link rel="apple-touch-icon" href="/hds-demo/header-custom-theme-site/favicon/light/apple-touch-icon.png"/><link rel="apple-touch-icon" sizes="192x192" href="/hds-demo/header-custom-theme-site/favicon/light/favicon-192x192.png"/><link rel="apple-touch-icon" sizes="512x512" href="/hds-demo/header-custom-theme-site/favicon/light/favicon-512x512.png"/><link rel="preconnect" href="https://webanalytics.digiaiiris.com/js"/></head><body><div id="___gatsby"><div style="outline:none" tabindex="-1" id="gatsby-focus-wrapper"><div class="page text-body"><header id="page-header" class="Navigation-module_header__2HNOX Navigation-module_theme-light__36nmi pageHeader"><a class="Navigation-module_skipToContent__2p54x" href="#content">Skip to content</a><div class="visible-module_belowM__2GR1J"><div class="Navigation-module_headerBackgroundWrapper__137R3"><div class="Navigation-module_headerContainer__2YPsu"><a class="Navigation-module_title__3zRBe" href="https://hds.hel.fi" aria-label="Helsinki: Helsinki Design System"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Navigation-module_logo__1sEy6" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg><span><div class="page-header-title"><div>Helsinki Design System</div><div class="page-header-title-badge"><img style="filter:invert(1)" alt="HDS version number: 2.15.0" src="https://img.shields.io/github/v/release/City-of-Helsinki/helsinki-design-system?label=&amp;style=for-the-badge&amp;color=1a1a1a"/></div></div></span></a><button aria-label="menu" aria-haspopup="true" aria-expanded="false" type="button" class="Navigation-module_mobileMenuToggle__1v6en"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="menu-hamburger" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M22 17V19H2V17H22ZM22 11V13H2V11H22ZM22 5V7H2V5H22Z" fill="currentColor"></path></svg></button></div></div></div><div class="visible-module_aboveM__31mn_"><div class="Navigation-module_headerBackgroundWrapper__137R3"><div class="Navigation-module_headerContainer__2YPsu"><a class="Navigation-module_title__3zRBe" href="https://hds.hel.fi" aria-label="Helsinki: Helsinki Design System"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Navigation-module_logo__1sEy6" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg><span><div class="page-header-title"><div>Helsinki Design System</div><div class="page-header-title-badge"><img style="filter:invert(1)" alt="HDS version number: 2.15.0" src="https://img.shields.io/github/v/release/City-of-Helsinki/helsinki-design-system?label=&amp;style=for-the-badge&amp;color=1a1a1a"/></div></div></span></a><div class="Navigation-module_headerContent__3zHbK"></div></div></div><nav class="NavigationRow-module_navigation__24tui NavigationRow-module_subNav__3fDXv" aria-label="Site navigation"><a class="NavigationItem-module_rowItem__2QxRz" href="/hds-demo/header-custom-theme-site/getting-started/"><span class="NavigationItem-module_label__1UsXG button_hds-button__label__3r3Mi">Getting started</span></a><a class="NavigationItem-module_rowItem__2QxRz" href="/hds-demo/header-custom-theme-site/foundation/"><span class="NavigationItem-module_label__1UsXG button_hds-button__label__3r3Mi">Foundation</span></a><a aria-current="page" class="NavigationItem-module_rowItem__2QxRz NavigationItem-module_active__3Ckcw" href="/hds-demo/header-custom-theme-site/components/"><span class="NavigationItem-module_label__1UsXG button_hds-button__label__3r3Mi">Components</span></a><a class="NavigationItem-module_rowItem__2QxRz" href="/hds-demo/header-custom-theme-site/patterns/"><span class="NavigationItem-module_label__1UsXG button_hds-button__label__3r3Mi">Patterns</span></a><a class="NavigationItem-module_rowItem__2QxRz" href="/hds-demo/header-custom-theme-site/about/"><span class="NavigationItem-module_label__1UsXG button_hds-button__label__3r3Mi">About</span></a></nav></div></header><div class="page-content"><aside class="side-content"><nav class="SideNavigation-module_sideNavigation__3X-9P" id="side-navigation" aria-label="Components"><button type="button" class="Button-module_button__1msFE button_hds-button__2A0je Button-module_secondary__1nABp button_hds-button--secondary__1NOWS Button-module_fullWidth__31eVK button_hds-button--fullwidth__1_hG9 SideNavigation-module_toggleButton__10tXH" aria-controls="side-navigation-menu" aria-expanded="false" aria-haspopup="true"><span class="Button-module_label__a4np1 button_hds-button__label__2EQa-">Navigate to page</span><div class="Button-module_icon__O-h7R button_hds-icon__17j8Z" aria-hidden="true"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-down" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 13.5L17 8.5L18.5 10L12 16.5L5.5 10L7 8.5L12 13.5Z" fill="currentColor"></path></svg></div></button><ul class="SideNavigation-module_mainLevelList__SLZKQ" aria-label="Navigate to page" id="side-navigation-menu"><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Overview" id="side-nav-components" href="/hds-demo/header-custom-theme-site/components"><span class="MainLevel-module_label__uWKJ7">Overview</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Accordion" id="side-nav-components-accordion" href="/hds-demo/header-custom-theme-site/components/accordion"><span class="MainLevel-module_label__uWKJ7">Accordion</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Breadcrumb" id="side-nav-components-breadcrumb" href="/hds-demo/header-custom-theme-site/components/breadcrumb"><span class="MainLevel-module_label__uWKJ7">Breadcrumb</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Button" id="side-nav-components-buttons" href="/hds-demo/header-custom-theme-site/components/buttons"><span class="MainLevel-module_label__uWKJ7">Button</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Card" id="side-nav-components-card" href="/hds-demo/header-custom-theme-site/components/card"><span class="MainLevel-module_label__uWKJ7">Card</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Checkbox" id="side-nav-components-checkbox" href="/hds-demo/header-custom-theme-site/components/checkbox"><span class="MainLevel-module_label__uWKJ7">Checkbox</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="CookieConsent" id="side-nav-components-cookie-consent" href="/hds-demo/header-custom-theme-site/components/cookie-consent"><span class="MainLevel-module_label__uWKJ7">CookieConsent</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="DateInput" id="side-nav-components-date-input" href="/hds-demo/header-custom-theme-site/components/date-input"><span class="MainLevel-module_label__uWKJ7">DateInput</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Dialog" id="side-nav-components-dialog" href="/hds-demo/header-custom-theme-site/components/dialog"><span class="MainLevel-module_label__uWKJ7">Dialog</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Dropdown" id="side-nav-components-dropdown" href="/hds-demo/header-custom-theme-site/components/dropdown"><span class="MainLevel-module_label__uWKJ7">Dropdown</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Fieldset" id="side-nav-components-fieldset" href="/hds-demo/header-custom-theme-site/components/fieldset"><span class="MainLevel-module_label__uWKJ7">Fieldset</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="FileInput" id="side-nav-components-file-input" href="/hds-demo/header-custom-theme-site/components/file-input"><span class="MainLevel-module_label__uWKJ7">FileInput</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Footer" id="side-nav-components-footer" href="/hds-demo/header-custom-theme-site/components/footer"><span class="MainLevel-module_label__uWKJ7">Footer</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Header" id="side-nav-components-header" href="/hds-demo/header-custom-theme-site/components/header"><span class="MainLevel-module_label__uWKJ7">Header</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Hero" id="side-nav-components-hero" href="/hds-demo/header-custom-theme-site/components/hero"><span class="MainLevel-module_label__uWKJ7">Hero</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Highlight" id="side-nav-components-highlight" href="/hds-demo/header-custom-theme-site/components/highlight"><span class="MainLevel-module_label__uWKJ7">Highlight</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Icon" id="side-nav-components-icon" href="/hds-demo/header-custom-theme-site/components/icon"><span class="MainLevel-module_label__uWKJ7">Icon</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Koros" id="side-nav-components-koros" href="/hds-demo/header-custom-theme-site/components/koros"><span class="MainLevel-module_label__uWKJ7">Koros</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Link" id="side-nav-components-link" href="/hds-demo/header-custom-theme-site/components/link"><span class="MainLevel-module_label__uWKJ7">Link</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Linkbox" id="side-nav-components-linkbox" href="/hds-demo/header-custom-theme-site/components/linkbox"><span class="MainLevel-module_label__uWKJ7">Linkbox</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="LoadingSpinner" id="side-nav-components-loading-spinner" href="/hds-demo/header-custom-theme-site/components/loading-spinner"><span class="MainLevel-module_label__uWKJ7">LoadingSpinner</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Logo" id="side-nav-components-logo" href="/hds-demo/header-custom-theme-site/components/logo"><span class="MainLevel-module_label__uWKJ7">Logo</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Navigation" id="side-nav-components-navigation" href="/hds-demo/header-custom-theme-site/components/navigation"><span class="MainLevel-module_label__uWKJ7">Navigation</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Notification" id="side-nav-components-notification" href="/hds-demo/header-custom-theme-site/components/notification"><span class="MainLevel-module_label__uWKJ7">Notification</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="NumberInput" id="side-nav-components-number-input" href="/hds-demo/header-custom-theme-site/components/number-input"><span class="MainLevel-module_label__uWKJ7">NumberInput</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Pagination" id="side-nav-components-pagination" href="/hds-demo/header-custom-theme-site/components/pagination"><span class="MainLevel-module_label__uWKJ7">Pagination</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="PasswordInput" id="side-nav-components-password-input" href="/hds-demo/header-custom-theme-site/components/password-input"><span class="MainLevel-module_label__uWKJ7">PasswordInput</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="PhoneInput" id="side-nav-components-phone-input" href="/hds-demo/header-custom-theme-site/components/phone-input"><span class="MainLevel-module_label__uWKJ7">PhoneInput</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="RadioButton" id="side-nav-components-radio-button" href="/hds-demo/header-custom-theme-site/components/radio-button"><span class="MainLevel-module_label__uWKJ7">RadioButton</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="SearchInput" id="side-nav-components-search-input" href="/hds-demo/header-custom-theme-site/components/search-input"><span class="MainLevel-module_label__uWKJ7">SearchInput</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="SelectionGroup" id="side-nav-components-selection-group" href="/hds-demo/header-custom-theme-site/components/selection-group"><span class="MainLevel-module_label__uWKJ7">SelectionGroup</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="SideNavigation" id="side-nav-components-side-navigation" href="/hds-demo/header-custom-theme-site/components/side-navigation"><span class="MainLevel-module_label__uWKJ7">SideNavigation</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="StatusLabel" id="side-nav-components-status-label" href="/hds-demo/header-custom-theme-site/components/status-label"><span class="MainLevel-module_label__uWKJ7">StatusLabel</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="StepByStep" id="side-nav-components-step-by-step" href="/hds-demo/header-custom-theme-site/components/step-by-step"><span class="MainLevel-module_label__uWKJ7">StepByStep</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Stepper" id="side-nav-components-stepper" href="/hds-demo/header-custom-theme-site/components/stepper"><span class="MainLevel-module_label__uWKJ7">Stepper</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Table" id="side-nav-components-table" href="/hds-demo/header-custom-theme-site/components/table"><span class="MainLevel-module_label__uWKJ7">Table</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Tabs" id="side-nav-components-tabs" href="/hds-demo/header-custom-theme-site/components/tabs"><span class="MainLevel-module_label__uWKJ7">Tabs</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Tag" id="side-nav-components-tag" href="/hds-demo/header-custom-theme-site/components/tag"><span class="MainLevel-module_label__uWKJ7">Tag</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_active__3IkdI MainLevel-module_open__2yWFj"><a aria-current="page" aria-label="TextArea" id="side-nav-components-text-area" href="/hds-demo/header-custom-theme-site/components/text-area"><span class="MainLevel-module_label__uWKJ7">TextArea</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="TextInput" id="side-nav-components-text-input" href="/hds-demo/header-custom-theme-site/components/text-input"><span class="MainLevel-module_label__uWKJ7">TextInput</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="TimeInput" id="side-nav-components-time-input" href="/hds-demo/header-custom-theme-site/components/time-input"><span class="MainLevel-module_label__uWKJ7">TimeInput</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="ToggleButton" id="side-nav-components-toggle-button" href="/hds-demo/header-custom-theme-site/components/toggle-button"><span class="MainLevel-module_label__uWKJ7">ToggleButton</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Tooltip" id="side-nav-components-tooltip" href="/hds-demo/header-custom-theme-site/components/tooltip"><span class="MainLevel-module_label__uWKJ7">Tooltip</span></a></li></ul></nav></aside><main id="content" class="main-content"><h1 id="textarea" style="position:relative" class="page-heading-1 heading-xl-mobile">TextArea<a href="#textarea" aria-label="textarea permalink" class="header-anchor after"><span><span class="hds-anchor-icon hds-icon hds-icon--link hds-icon--size-xs" aria-hidden="true" style="vertical-align: middle"></span></span></a></h1>
 <div class="status-label-description"><span class="StatusLabel-module_statusLabel__3R2J2 status-label_hds-status-label__1L8YI StatusLabel-module_info__3YrAe status-label_hds-status-label--info__J28-H">Stable</span><span class="StatusLabel-module_statusLabel__3R2J2 status-label_hds-status-label__1L8YI StatusLabel-module_success__2BfdX status-label_hds-status-label--success__3jiST" style="margin-left:var(--spacing-xs)">Accessible</span><div class="Tooltip-module_root__1Yo9t status-label-tooltip"><button type="button" class="Tooltip-module_button__2x9m0" title="Tooltip" aria-label="Tooltip" aria-expanded="false"><span aria-hidden="true"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="question-circle" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2ZM12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4ZM13 16V18H11V16H13ZM12.0437 5.75C14.0343 5.75 15.7173 7.29464 15.7173 9.42361C15.7173 10.7806 15.2461 11.489 14.161 12.306L13.9187 12.4844C13.1753 13.0295 12.9556 13.3359 12.9386 14.142L12.9375 14.25H10.9375C10.9375 12.6746 11.4591 11.8378 12.6143 10.9622L12.8618 10.7796C13.5685 10.2628 13.7173 10.0539 13.7173 9.42361C13.7173 8.43934 12.9662 7.75 12.0437 7.75C11.1907 7.75 10.4785 8.34077 10.3816 9.20835L10.3734 9.30587L8.37663 9.19182C8.49191 7.17347 10.1344 5.75 12.0437 5.75Z" fill="currentColor"></path></svg></span></button></div></div>
 <p style="font-size:var(--fontsize-body-xl);color:var(--color-black-90);max-width:600px">A text area is a specialised version of the text input component. Text areas can be used for multiline answers.</p>
-<div class="Tabs-module_tabs__2Ww5F"><div class="Tabs-module_tablistBar__elMv9 page-tabs-list"><div class="Tabs-module_scrollButton__3ufhP" aria-hidden="true"><button type="button" tabindex="-1"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-left" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.5 12L15.5 17L14 18.5L7.5 12L14 5.5L15.5 7L10.5 12Z" fill="currentColor"></path></svg></button></div><div class="Tabs-module_tablist__1iuDO"><ul role="tablist" style="width:0px"><li role="tab" aria-selected="true" aria-controls="tab-0-panel" tabindex="0" id="tab-0-button" class="Tabs-module_tab__3oOoX Tabs-module_active__1Ic3B"><span>Usage</span></li><li role="tab" aria-selected="false" aria-controls="tab-1-panel" tabindex="-1" id="tab-1-button" class="Tabs-module_tab__3oOoX"><span>Code</span></li><li role="tab" aria-selected="false" aria-controls="tab-2-panel" tabindex="-1" id="tab-2-button" class="Tabs-module_tab__3oOoX"><span>Accessibility</span></li></ul></div><div class="Tabs-module_scrollButton__3ufhP" aria-hidden="true"><button type="button" tabindex="-1"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-right" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.5 12L8.5 7L10 5.5L16.5 12L10 18.5L8.5 17L13.5 12Z" fill="currentColor"></path></svg></button></div></div><div id="tab-0-panel" role="tabpanel" aria-labelledby="tab-0-button"></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-28" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-28)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
+<div class="Tabs-module_tabs__2Ww5F"><div class="Tabs-module_tablistBar__elMv9 page-tabs-list"><div class="Tabs-module_scrollButton__3ufhP" aria-hidden="true"><button type="button" tabindex="-1"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-left" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.5 12L15.5 17L14 18.5L7.5 12L14 5.5L15.5 7L10.5 12Z" fill="currentColor"></path></svg></button></div><div class="Tabs-module_tablist__1iuDO"><ul role="tablist" style="width:0px"><li role="tab" aria-selected="true" aria-controls="tab-0-panel" tabindex="0" id="tab-0-button" class="Tabs-module_tab__3oOoX Tabs-module_active__1Ic3B"><span>Usage</span></li><li role="tab" aria-selected="false" aria-controls="tab-1-panel" tabindex="-1" id="tab-1-button" class="Tabs-module_tab__3oOoX"><span>Code</span></li><li role="tab" aria-selected="false" aria-controls="tab-2-panel" tabindex="-1" id="tab-2-button" class="Tabs-module_tab__3oOoX"><span>Accessibility</span></li></ul></div><div class="Tabs-module_scrollButton__3ufhP" aria-hidden="true"><button type="button" tabindex="-1"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-right" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.5 12L8.5 7L10 5.5L16.5 12L10 18.5L8.5 17L13.5 12Z" fill="currentColor"></path></svg></button></div></div><div id="tab-0-panel" role="tabpanel" aria-labelledby="tab-0-button"></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-27" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-27)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
     window.dev = undefined
     if (window.dev === true || !(navigator.doNotTrack === '1' || window.doNotTrack === '1')) {
       window._paq = window._paq || [];
@@ -83,6 +83,6 @@
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/components/text-input/accessibility/index.html b/docs/header-custom-theme-site/components/text-input/accessibility/index.html
index fb862e0421..1e15460ace 100644
--- a/docs/header-custom-theme-site/components/text-input/accessibility/index.html
+++ b/docs/header-custom-theme-site/components/text-input/accessibility/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | TextInput - Accessibility"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | TextInput - Accessibility"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -61,7 +61,7 @@ <h3 id="pay-attention-to" style="position:relative" class="page-heading-3 headin
 <li>Placeholder text can be used to give hints and examples to the user what should be entered to the field. <strong>However, all assistive technologies do not treat placeholder texts as labels and therefore they may ignore them completely.</strong> Aim to provide the sufficient information to fill the input in the label.</li>
 <li>It is required to use <code>autocomplete</code> attribute if input control is listed in the common input purposes list. You can read the full list of common input purposes at <a aria-label="WCAG 2.1 documentation website. Opens a different website." class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F" href="https://www.w3.org/TR/WCAG21/#input-purposes">WCAG 2.1 documentation website<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik Link-module_icon__3ReCc link_icon__i_HqN Link-module_verticalAlignMediumIcon__12PVa link_vertical-align-medium-icon__3IWi1" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="link-external" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M5 3V19H21V21H3V3H5ZM21 3V12H19V6.413L9.91421 15.5L8.5 14.0858L17.585 5H12V3H21Z" fill="currentColor"></path></svg></a>. You can read more about the requirement from <a aria-label="WCAG 2.1 Identify Input Purpose guideline. Opens a different website." class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F" href="https://www.w3.org/WAI/WCAG21/Understanding/identify-input-purpose">WCAG 2.1 Identify Input Purpose guideline<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik Link-module_icon__3ReCc link_icon__i_HqN Link-module_verticalAlignMediumIcon__12PVa link_vertical-align-medium-icon__3IWi1" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="link-external" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M5 3V19H21V21H3V3H5ZM21 3V12H19V6.413L9.91421 15.5L8.5 14.0858L17.585 5H12V3H21Z" fill="currentColor"></path></svg></a>.</li>
 <li>In the case of an erroneous input, aim to provide clear instructions to the user on how to correct the mistake. Always provide a text description of the error.</li>
-</ul></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-27" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-27)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
+</ul></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-28" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-28)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
     window.dev = undefined
     if (window.dev === true || !(navigator.doNotTrack === '1' || window.doNotTrack === '1')) {
       window._paq = window._paq || [];
@@ -89,6 +89,6 @@ <h3 id="pay-attention-to" style="position:relative" class="page-heading-3 headin
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/components/text-input/code/index.html b/docs/header-custom-theme-site/components/text-input/code/index.html
index fea6067ac8..3308864555 100644
--- a/docs/header-custom-theme-site/components/text-input/code/index.html
+++ b/docs/header-custom-theme-site/components/text-input/code/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | TextInput - Code"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | TextInput - Code"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -248,7 +248,7 @@ <h3 id="packages" style="position:relative" class="page-heading-3 heading-m">Pac
 <div class="hds-table-container" tabindex="0"><table class="hds-table hds-table--dark" aria-label="Service users (dark variant)"><thead><tr class="hds-table__header-row dark"><th scope="col">Package</th><th scope="col">Included</th><th scope="col">Storybook link</th><th scope="col">Source link</th></tr></thead><tbody class="hds-table__content"><tr><td><strong>HDS React</strong></td><td><div style="display:flex;gap:var(--spacing-3-xs)"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="check-circle-fill" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3ZM16.5 8L18 9.5L10.5 17L6 12.5L7.5 11L10.5 14L16.5 8Z" fill="currentColor"></path></svg> Yes </div></td><td><a aria-label="View in Storybook. Opens in a new tab" class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F" href="/storybook/react/?path=/story/components-textinput--default" target="_blank" rel="noopener">View in Storybook</a></td><td><a aria-label="View source. Opens in a new tab Opens a different website." class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F" href="https://github.com/City-of-Helsinki/helsinki-design-system/tree/master/packages/react/src/components/textInput" target="_blank" rel="noopener">View source<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik Link-module_icon__3ReCc link_icon__i_HqN Link-module_verticalAlignMediumIcon__12PVa link_vertical-align-medium-icon__3IWi1" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="link-external" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M5 3V19H21V21H3V3H5ZM21 3V12H19V6.413L9.91421 15.5L8.5 14.0858L17.585 5H12V3H21Z" fill="currentColor"></path></svg></a></td></tr><tr><td><strong>HDS Core</strong></td><td><div style="display:flex;gap:var(--spacing-3-xs)"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="check-circle-fill" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3ZM16.5 8L18 9.5L10.5 17L6 12.5L7.5 11L10.5 14L16.5 8Z" fill="currentColor"></path></svg> Yes </div></td><td><a aria-label="View in Storybook. Opens in a new tab" class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F" href="/storybook/core/?path=/story/components-text-input--default" target="_blank" rel="noopener">View in Storybook</a></td><td><a aria-label="View source. Opens in a new tab Opens a different website." class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F" href="https://github.com/City-of-Helsinki/helsinki-design-system/tree/master/packages/core/src/components/text-input" target="_blank" rel="noopener">View source<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik Link-module_icon__3ReCc link_icon__i_HqN Link-module_verticalAlignMediumIcon__12PVa link_vertical-align-medium-icon__3IWi1" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="link-external" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M5 3V19H21V21H3V3H5ZM21 3V12H19V6.413L9.91421 15.5L8.5 14.0858L17.585 5H12V3H21Z" fill="currentColor"></path></svg></a></td></tr></tbody></table></div>
 <h3 id="properties" style="position:relative" class="page-heading-3 heading-m">Properties<a href="#properties" aria-label="properties permalink" class="header-anchor after"><span><span class="hds-anchor-icon hds-icon hds-icon--link hds-icon--size-xs" aria-hidden="true" style="vertical-align: middle"></span></span></a></h3>
 <p>Note! You can find the full list of properties in the <a aria-label="React Storybook. Opens in a new tab" class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F" href="/storybook/react/?path=/docs/components-textinput--default" target="_blank" rel="noopener">React Storybook.</a></p>
-<div class="hds-table-container" tabindex="0"><table class="hds-table hds-table--dark" aria-label="Service users (dark variant)"><thead><tr class="hds-table__header-row dark"><th scope="col">Property</th><th scope="col">Description</th><th scope="col">Values</th><th scope="col">Default value</th></tr></thead><tbody class="hds-table__content"><tr><td><code>label</code></td><td>The label for the input.</td><td><code>ReactNode</code></td><td>-</td></tr><tr><td><code>errorText</code></td><td>The error text content that will be shown below the input.</td><td><code>string</code></td><td>-</td></tr><tr><td><code>helperText</code></td><td>The helper text content that will be shown below the input.</td><td><code>string</code></td><td>-</td></tr><tr><td><code>hideLabel</code></td><td>Hides the label above the input.</td><td><code>boolean</code></td><td>false</td></tr><tr><td><code>invalid</code></td><td>If set to true, the input will be displayed in an invalid state.</td><td><code>boolean</code></td><td>false</td></tr><tr><td><code>successText</code></td><td>The success text content that will be shown below the input.</td><td><code>string</code></td><td>-</td></tr><tr><td><code>infoText</code></td><td>The info text content that will be shown below the input.</td><td><code>string</code></td><td>-</td></tr><tr><td><code>tooltipLabel</code></td><td>The aria-label text for the tooltip.</td><td><code>string</code></td><td>-</td></tr><tr><td><code>tooltipButtonLabel</code></td><td>The aria-label text for the tooltip trigger button.</td><td><code>string</code></td><td>-</td></tr><tr><td><code>tooltipText</code></td><td>The text content of the tooltip.</td><td><code>string</code></td><td>-</td></tr><tr><td><code>buttonIcon</code></td><td>Button icon.</td><td><code>ReactNode</code></td><td>-</td></tr><tr><td><code>buttonAriaLabel</code></td><td>The aria-label for the button.</td><td><code>string</code></td><td>-</td></tr><tr><td><code>onButtonClick</code></td><td>Callback called when the button is pressed.</td><td><code>function</code></td><td>-</td></tr><tr><td>[Table 1:TextInput properties]</td><td></td><td></td><td></td></tr></tbody></table></div></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-24" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-24)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
+<div class="hds-table-container" tabindex="0"><table class="hds-table hds-table--dark" aria-label="Service users (dark variant)"><thead><tr class="hds-table__header-row dark"><th scope="col">Property</th><th scope="col">Description</th><th scope="col">Values</th><th scope="col">Default value</th></tr></thead><tbody class="hds-table__content"><tr><td><code>label</code></td><td>The label for the input.</td><td><code>ReactNode</code></td><td>-</td></tr><tr><td><code>errorText</code></td><td>The error text content that will be shown below the input.</td><td><code>string</code></td><td>-</td></tr><tr><td><code>helperText</code></td><td>The helper text content that will be shown below the input.</td><td><code>string</code></td><td>-</td></tr><tr><td><code>hideLabel</code></td><td>Hides the label above the input.</td><td><code>boolean</code></td><td>false</td></tr><tr><td><code>invalid</code></td><td>If set to true, the input will be displayed in an invalid state.</td><td><code>boolean</code></td><td>false</td></tr><tr><td><code>successText</code></td><td>The success text content that will be shown below the input.</td><td><code>string</code></td><td>-</td></tr><tr><td><code>infoText</code></td><td>The info text content that will be shown below the input.</td><td><code>string</code></td><td>-</td></tr><tr><td><code>tooltipLabel</code></td><td>The aria-label text for the tooltip.</td><td><code>string</code></td><td>-</td></tr><tr><td><code>tooltipButtonLabel</code></td><td>The aria-label text for the tooltip trigger button.</td><td><code>string</code></td><td>-</td></tr><tr><td><code>tooltipText</code></td><td>The text content of the tooltip.</td><td><code>string</code></td><td>-</td></tr><tr><td><code>buttonIcon</code></td><td>Button icon.</td><td><code>ReactNode</code></td><td>-</td></tr><tr><td><code>buttonAriaLabel</code></td><td>The aria-label for the button.</td><td><code>string</code></td><td>-</td></tr><tr><td><code>onButtonClick</code></td><td>Callback called when the button is pressed.</td><td><code>function</code></td><td>-</td></tr><tr><td>[Table 1:TextInput properties]</td><td></td><td></td><td></td></tr></tbody></table></div></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-23" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-23)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
     window.dev = undefined
     if (window.dev === true || !(navigator.doNotTrack === '1' || window.doNotTrack === '1')) {
       window._paq = window._paq || [];
@@ -276,6 +276,6 @@ <h3 id="properties" style="position:relative" class="page-heading-3 heading-m">P
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/components/text-input/index.html b/docs/header-custom-theme-site/components/text-input/index.html
index 72e5172496..4eac412538 100644
--- a/docs/header-custom-theme-site/components/text-input/index.html
+++ b/docs/header-custom-theme-site/components/text-input/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | TextInput"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | TextInput"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -77,7 +77,7 @@ <h4 id="read-only" style="position:relative" class="page-heading-4 heading-s">Re
 <div class="playground-block-preview playground-block-preview-light"><div class="TextInput-module_root__2CMNr text-input_hds-text-input__2LODq" style="max-width:320px"><label for="textinput-readonly" class="FieldLabel-module_label__1zrXK ">Label</label><div class="TextInput-module_inputWrapper__3Rvel text-input_hds-text-input__input-wrapper__1OqYG"><input class="TextInput-module_input__1BlHi text-input_hds-text-input__input__GJm5C" id="textinput-readonly" type="text" aria-describedby="textinput-readonly-helper" readonly="" value="Read-only value"/></div><div class="TextInput-module_helperText__2dLR6 text-input_hds-text-input__helper-text__3V2KM" id="textinput-readonly-helper">Assistive text</div></div></div>
 <h4 id="with-tooltip" style="position:relative" class="page-heading-4 heading-s">With tooltip<a href="#with-tooltip" aria-label="with tooltip permalink" class="header-anchor after"><span><span class="hds-anchor-icon hds-icon hds-icon--link hds-icon--size-xs" aria-hidden="true" style="vertical-align: middle"></span></span></a></h4>
 <p>A text input can be provided with additional tooltip. Tooltip information should be considered as extra information, for example, why this information is gathered or how is it used. The user should have sufficient information on how to fill the input field in label and assistive text. You can find more information about Tooltips how they are used from the <a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F" href="/hds-demo/header-custom-theme-site/components/tooltip">Tooltip documentation page</a>.</p>
-<div class="playground-block-preview playground-block-preview-light"><div class="TextInput-module_root__2CMNr text-input_hds-text-input__2LODq" style="max-width:320px"><label for="textinput-tooltip" class="FieldLabel-module_label__1zrXK ">Label</label><div class="Tooltip-module_root__1Yo9t"><button type="button" class="Tooltip-module_button__2x9m0 FieldLabel-module_tooltipButton__1My3f" title="Tooltip button label" aria-label="Tooltip button label" aria-expanded="false"><span aria-hidden="true"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="question-circle" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2ZM12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4ZM13 16V18H11V16H13ZM12.0437 5.75C14.0343 5.75 15.7173 7.29464 15.7173 9.42361C15.7173 10.7806 15.2461 11.489 14.161 12.306L13.9187 12.4844C13.1753 13.0295 12.9556 13.3359 12.9386 14.142L12.9375 14.25H10.9375C10.9375 12.6746 11.4591 11.8378 12.6143 10.9622L12.8618 10.7796C13.5685 10.2628 13.7173 10.0539 13.7173 9.42361C13.7173 8.43934 12.9662 7.75 12.0437 7.75C11.1907 7.75 10.4785 8.34077 10.3816 9.20835L10.3734 9.30587L8.37663 9.19182C8.49191 7.17347 10.1344 5.75 12.0437 5.75Z" fill="currentColor"></path></svg></span></button></div><div class="TextInput-module_inputWrapper__3Rvel text-input_hds-text-input__input-wrapper__1OqYG"><input class="TextInput-module_input__1BlHi text-input_hds-text-input__input__GJm5C" id="textinput-tooltip" type="text" placeholder="Placeholder"/></div></div></div></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-23" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-23)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
+<div class="playground-block-preview playground-block-preview-light"><div class="TextInput-module_root__2CMNr text-input_hds-text-input__2LODq" style="max-width:320px"><label for="textinput-tooltip" class="FieldLabel-module_label__1zrXK ">Label</label><div class="Tooltip-module_root__1Yo9t"><button type="button" class="Tooltip-module_button__2x9m0 FieldLabel-module_tooltipButton__1My3f" title="Tooltip button label" aria-label="Tooltip button label" aria-expanded="false"><span aria-hidden="true"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="question-circle" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2ZM12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4ZM13 16V18H11V16H13ZM12.0437 5.75C14.0343 5.75 15.7173 7.29464 15.7173 9.42361C15.7173 10.7806 15.2461 11.489 14.161 12.306L13.9187 12.4844C13.1753 13.0295 12.9556 13.3359 12.9386 14.142L12.9375 14.25H10.9375C10.9375 12.6746 11.4591 11.8378 12.6143 10.9622L12.8618 10.7796C13.5685 10.2628 13.7173 10.0539 13.7173 9.42361C13.7173 8.43934 12.9662 7.75 12.0437 7.75C11.1907 7.75 10.4785 8.34077 10.3816 9.20835L10.3734 9.30587L8.37663 9.19182C8.49191 7.17347 10.1344 5.75 12.0437 5.75Z" fill="currentColor"></path></svg></span></button></div><div class="TextInput-module_inputWrapper__3Rvel text-input_hds-text-input__input-wrapper__1OqYG"><input class="TextInput-module_input__1BlHi text-input_hds-text-input__input__GJm5C" id="textinput-tooltip" type="text" placeholder="Placeholder"/></div></div></div></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-24" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-24)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
     window.dev = undefined
     if (window.dev === true || !(navigator.doNotTrack === '1' || window.doNotTrack === '1')) {
       window._paq = window._paq || [];
@@ -105,6 +105,6 @@ <h4 id="with-tooltip" style="position:relative" class="page-heading-4 heading-s"
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/components/text-input/tabs/index.html b/docs/header-custom-theme-site/components/text-input/tabs/index.html
index 5f04a86f6e..4f78e2036e 100644
--- a/docs/header-custom-theme-site/components/text-input/tabs/index.html
+++ b/docs/header-custom-theme-site/components/text-input/tabs/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | TextInput"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | TextInput"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -83,6 +83,6 @@
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/components/time-input/accessibility/index.html b/docs/header-custom-theme-site/components/time-input/accessibility/index.html
index 7ac08edd3f..1649900242 100644
--- a/docs/header-custom-theme-site/components/time-input/accessibility/index.html
+++ b/docs/header-custom-theme-site/components/time-input/accessibility/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | TimeInput - Accessibility"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | TimeInput - Accessibility"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -89,6 +89,6 @@ <h3 id="pay-attention-to" style="position:relative" class="page-heading-3 headin
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/components/time-input/code/index.html b/docs/header-custom-theme-site/components/time-input/code/index.html
index ca52736d65..2bf6f867de 100644
--- a/docs/header-custom-theme-site/components/time-input/code/index.html
+++ b/docs/header-custom-theme-site/components/time-input/code/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | TimeInput - Code"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | TimeInput - Code"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -208,6 +208,6 @@ <h3 id="properties" style="position:relative" class="page-heading-3 heading-m">P
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/components/time-input/index.html b/docs/header-custom-theme-site/components/time-input/index.html
index 715fddb432..7c5d21700e 100644
--- a/docs/header-custom-theme-site/components/time-input/index.html
+++ b/docs/header-custom-theme-site/components/time-input/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | TimeInput"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | TimeInput"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -118,6 +118,6 @@ <h4 id="using-hds-select-for-times" style="position:relative" class="page-headin
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/components/time-input/tabs/index.html b/docs/header-custom-theme-site/components/time-input/tabs/index.html
index 575fcf81e6..0d8d9d99bf 100644
--- a/docs/header-custom-theme-site/components/time-input/tabs/index.html
+++ b/docs/header-custom-theme-site/components/time-input/tabs/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | TimeInput"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | TimeInput"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -83,6 +83,6 @@
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/components/toggle-button/accessibility/index.html b/docs/header-custom-theme-site/components/toggle-button/accessibility/index.html
index 831873bad5..15d462ddc8 100644
--- a/docs/header-custom-theme-site/components/toggle-button/accessibility/index.html
+++ b/docs/header-custom-theme-site/components/toggle-button/accessibility/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | ToggleButton - Accessibility"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | ToggleButton - Accessibility"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -93,6 +93,6 @@ <h3 id="pay-attention-to" style="position:relative" class="page-heading-3 headin
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/components/toggle-button/code/index.html b/docs/header-custom-theme-site/components/toggle-button/code/index.html
index 3e38f257e8..d5411484e9 100644
--- a/docs/header-custom-theme-site/components/toggle-button/code/index.html
+++ b/docs/header-custom-theme-site/components/toggle-button/code/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | ToggleButton - Code"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | ToggleButton - Code"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -230,6 +230,6 @@ <h3 id="properties" style="position:relative" class="page-heading-3 heading-m">P
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/components/toggle-button/customisation/index.html b/docs/header-custom-theme-site/components/toggle-button/customisation/index.html
index 5b6fbd92f0..f5371eb348 100644
--- a/docs/header-custom-theme-site/components/toggle-button/customisation/index.html
+++ b/docs/header-custom-theme-site/components/toggle-button/customisation/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | ToggleButton - Customisation"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | ToggleButton - Customisation"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -153,6 +153,6 @@ <h3 id="customisation-example" style="position:relative" class="page-heading-3 h
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/components/toggle-button/index.html b/docs/header-custom-theme-site/components/toggle-button/index.html
index a194c44bc7..91688a9f22 100644
--- a/docs/header-custom-theme-site/components/toggle-button/index.html
+++ b/docs/header-custom-theme-site/components/toggle-button/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | ToggleButton"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | ToggleButton"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -88,7 +88,7 @@ <h4 id="default" style="position:relative" class="page-heading-4 heading-s">Defa
 <h4 id="with-a-horizontal-label" style="position:relative" class="page-heading-4 heading-s">With a horizontal label<a href="#with-a-horizontal-label" aria-label="with a horizontal label permalink" class="header-anchor after"><span><span class="hds-anchor-icon hds-icon hds-icon--link hds-icon--size-xs" aria-hidden="true" style="vertical-align: middle"></span></span></a></h4>
 <p>The toggle button label can also be positioned horizontally. This alignment is often used on smaller screens (e.g. mobile phones) and tighter user interface spaces.</p>
 <!-- -->
-<div class="playground-block-preview playground-block-preview-light"><div style="max-width:160px"><div class="ToggleButton-module_toggleButtonContainer__2YMDa ToggleButton-module_toggleButtonContainerInlineVariant__1YSw9"><div class="ToggleButton-module_labelContainer__xg3OB"><label id="toggle-button-horizontal-label" for="toggle-button-horizontal" class="ToggleButton-module_label__1dFTc">Label</label></div><button id="toggle-button-horizontal" type="button" aria-pressed="true" aria-labelledby="toggle-button-horizontal-label" class="ToggleButton-module_toggleButton__1-KAF"><div class="ToggleButton-module_toggleButtonIcon__RXT8O ToggleButton-module_offIcon__bWWxh"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_m__3edUY icon_hds-icon--size-m__1mcHv" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="cross-circle-fill" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3ZM15 7.5L16.5 9L13.5 12L16.5 15L15 16.5L12 13.5L9 16.5L7.5 15L10.5 12L7.5 9L9 7.5L12 10.5L15 7.5Z" fill="currentColor"></path></svg></div><div class="ToggleButton-module_toggleButtonIcon__RXT8O ToggleButton-module_onIcon__29twM"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_m__3edUY icon_hds-icon--size-m__1mcHv" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="check-circle-fill" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3ZM16.5 8L18 9.5L10.5 17L6 12.5L7.5 11L10.5 14L16.5 8Z" fill="currentColor"></path></svg></div></button></div></div></div></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-4" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-4)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
+<div class="playground-block-preview playground-block-preview-light"><div style="max-width:160px"><div class="ToggleButton-module_toggleButtonContainer__2YMDa ToggleButton-module_toggleButtonContainerInlineVariant__1YSw9"><div class="ToggleButton-module_labelContainer__xg3OB"><label id="toggle-button-horizontal-label" for="toggle-button-horizontal" class="ToggleButton-module_label__1dFTc">Label</label></div><button id="toggle-button-horizontal" type="button" aria-pressed="true" aria-labelledby="toggle-button-horizontal-label" class="ToggleButton-module_toggleButton__1-KAF"><div class="ToggleButton-module_toggleButtonIcon__RXT8O ToggleButton-module_offIcon__bWWxh"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_m__3edUY icon_hds-icon--size-m__1mcHv" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="cross-circle-fill" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3ZM15 7.5L16.5 9L13.5 12L16.5 15L15 16.5L12 13.5L9 16.5L7.5 15L10.5 12L7.5 9L9 7.5L12 10.5L15 7.5Z" fill="currentColor"></path></svg></div><div class="ToggleButton-module_toggleButtonIcon__RXT8O ToggleButton-module_onIcon__29twM"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_m__3edUY icon_hds-icon--size-m__1mcHv" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="check-circle-fill" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3ZM16.5 8L18 9.5L10.5 17L6 12.5L7.5 11L10.5 14L16.5 8Z" fill="currentColor"></path></svg></div></button></div></div></div></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-3" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-3)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
     window.dev = undefined
     if (window.dev === true || !(navigator.doNotTrack === '1' || window.doNotTrack === '1')) {
       window._paq = window._paq || [];
@@ -116,6 +116,6 @@ <h4 id="with-a-horizontal-label" style="position:relative" class="page-heading-4
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/components/toggle-button/tabs/index.html b/docs/header-custom-theme-site/components/toggle-button/tabs/index.html
index c65fa2700c..a4a77746b9 100644
--- a/docs/header-custom-theme-site/components/toggle-button/tabs/index.html
+++ b/docs/header-custom-theme-site/components/toggle-button/tabs/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | ToggleButton"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | ToggleButton"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -55,7 +55,7 @@
   </script><link rel="manifest" href="/hds-demo/header-custom-theme-site/manifest.webmanifest" crossorigin="anonymous"/><link rel="apple-touch-icon" sizes="any" href="/hds-demo/header-custom-theme-site/favicon/light/favicon-32x32.ico"/><link rel="apple-touch-icon" href="/hds-demo/header-custom-theme-site/favicon/light/apple-touch-icon.png"/><link rel="apple-touch-icon" sizes="192x192" href="/hds-demo/header-custom-theme-site/favicon/light/favicon-192x192.png"/><link rel="apple-touch-icon" sizes="512x512" href="/hds-demo/header-custom-theme-site/favicon/light/favicon-512x512.png"/><link rel="preconnect" href="https://webanalytics.digiaiiris.com/js"/></head><body><div id="___gatsby"><div style="outline:none" tabindex="-1" id="gatsby-focus-wrapper"><div class="page text-body"><header id="page-header" class="Navigation-module_header__2HNOX Navigation-module_theme-light__36nmi pageHeader"><a class="Navigation-module_skipToContent__2p54x" href="#content">Skip to content</a><div class="visible-module_belowM__2GR1J"><div class="Navigation-module_headerBackgroundWrapper__137R3"><div class="Navigation-module_headerContainer__2YPsu"><a class="Navigation-module_title__3zRBe" href="https://hds.hel.fi" aria-label="Helsinki: Helsinki Design System"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Navigation-module_logo__1sEy6" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg><span><div class="page-header-title"><div>Helsinki Design System</div><div class="page-header-title-badge"><img style="filter:invert(1)" alt="HDS version number: 2.15.0" src="https://img.shields.io/github/v/release/City-of-Helsinki/helsinki-design-system?label=&amp;style=for-the-badge&amp;color=1a1a1a"/></div></div></span></a><button aria-label="menu" aria-haspopup="true" aria-expanded="false" type="button" class="Navigation-module_mobileMenuToggle__1v6en"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="menu-hamburger" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M22 17V19H2V17H22ZM22 11V13H2V11H22ZM22 5V7H2V5H22Z" fill="currentColor"></path></svg></button></div></div></div><div class="visible-module_aboveM__31mn_"><div class="Navigation-module_headerBackgroundWrapper__137R3"><div class="Navigation-module_headerContainer__2YPsu"><a class="Navigation-module_title__3zRBe" href="https://hds.hel.fi" aria-label="Helsinki: Helsinki Design System"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Navigation-module_logo__1sEy6" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg><span><div class="page-header-title"><div>Helsinki Design System</div><div class="page-header-title-badge"><img style="filter:invert(1)" alt="HDS version number: 2.15.0" src="https://img.shields.io/github/v/release/City-of-Helsinki/helsinki-design-system?label=&amp;style=for-the-badge&amp;color=1a1a1a"/></div></div></span></a><div class="Navigation-module_headerContent__3zHbK"></div></div></div><nav class="NavigationRow-module_navigation__24tui NavigationRow-module_subNav__3fDXv" aria-label="Site navigation"><a class="NavigationItem-module_rowItem__2QxRz" href="/hds-demo/header-custom-theme-site/getting-started/"><span class="NavigationItem-module_label__1UsXG button_hds-button__label__3r3Mi">Getting started</span></a><a class="NavigationItem-module_rowItem__2QxRz" href="/hds-demo/header-custom-theme-site/foundation/"><span class="NavigationItem-module_label__1UsXG button_hds-button__label__3r3Mi">Foundation</span></a><a aria-current="page" class="NavigationItem-module_rowItem__2QxRz NavigationItem-module_active__3Ckcw" href="/hds-demo/header-custom-theme-site/components/"><span class="NavigationItem-module_label__1UsXG button_hds-button__label__3r3Mi">Components</span></a><a class="NavigationItem-module_rowItem__2QxRz" href="/hds-demo/header-custom-theme-site/patterns/"><span class="NavigationItem-module_label__1UsXG button_hds-button__label__3r3Mi">Patterns</span></a><a class="NavigationItem-module_rowItem__2QxRz" href="/hds-demo/header-custom-theme-site/about/"><span class="NavigationItem-module_label__1UsXG button_hds-button__label__3r3Mi">About</span></a></nav></div></header><div class="page-content"><aside class="side-content"><nav class="SideNavigation-module_sideNavigation__3X-9P" id="side-navigation" aria-label="Components"><button type="button" class="Button-module_button__1msFE button_hds-button__2A0je Button-module_secondary__1nABp button_hds-button--secondary__1NOWS Button-module_fullWidth__31eVK button_hds-button--fullwidth__1_hG9 SideNavigation-module_toggleButton__10tXH" aria-controls="side-navigation-menu" aria-expanded="false" aria-haspopup="true"><span class="Button-module_label__a4np1 button_hds-button__label__2EQa-">Navigate to page</span><div class="Button-module_icon__O-h7R button_hds-icon__17j8Z" aria-hidden="true"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-down" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 13.5L17 8.5L18.5 10L12 16.5L5.5 10L7 8.5L12 13.5Z" fill="currentColor"></path></svg></div></button><ul class="SideNavigation-module_mainLevelList__SLZKQ" aria-label="Navigate to page" id="side-navigation-menu"><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Overview" id="side-nav-components" href="/hds-demo/header-custom-theme-site/components"><span class="MainLevel-module_label__uWKJ7">Overview</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Accordion" id="side-nav-components-accordion" href="/hds-demo/header-custom-theme-site/components/accordion"><span class="MainLevel-module_label__uWKJ7">Accordion</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Breadcrumb" id="side-nav-components-breadcrumb" href="/hds-demo/header-custom-theme-site/components/breadcrumb"><span class="MainLevel-module_label__uWKJ7">Breadcrumb</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Button" id="side-nav-components-buttons" href="/hds-demo/header-custom-theme-site/components/buttons"><span class="MainLevel-module_label__uWKJ7">Button</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Card" id="side-nav-components-card" href="/hds-demo/header-custom-theme-site/components/card"><span class="MainLevel-module_label__uWKJ7">Card</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Checkbox" id="side-nav-components-checkbox" href="/hds-demo/header-custom-theme-site/components/checkbox"><span class="MainLevel-module_label__uWKJ7">Checkbox</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="CookieConsent" id="side-nav-components-cookie-consent" href="/hds-demo/header-custom-theme-site/components/cookie-consent"><span class="MainLevel-module_label__uWKJ7">CookieConsent</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="DateInput" id="side-nav-components-date-input" href="/hds-demo/header-custom-theme-site/components/date-input"><span class="MainLevel-module_label__uWKJ7">DateInput</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Dialog" id="side-nav-components-dialog" href="/hds-demo/header-custom-theme-site/components/dialog"><span class="MainLevel-module_label__uWKJ7">Dialog</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Dropdown" id="side-nav-components-dropdown" href="/hds-demo/header-custom-theme-site/components/dropdown"><span class="MainLevel-module_label__uWKJ7">Dropdown</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Fieldset" id="side-nav-components-fieldset" href="/hds-demo/header-custom-theme-site/components/fieldset"><span class="MainLevel-module_label__uWKJ7">Fieldset</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="FileInput" id="side-nav-components-file-input" href="/hds-demo/header-custom-theme-site/components/file-input"><span class="MainLevel-module_label__uWKJ7">FileInput</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Footer" id="side-nav-components-footer" href="/hds-demo/header-custom-theme-site/components/footer"><span class="MainLevel-module_label__uWKJ7">Footer</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Header" id="side-nav-components-header" href="/hds-demo/header-custom-theme-site/components/header"><span class="MainLevel-module_label__uWKJ7">Header</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Hero" id="side-nav-components-hero" href="/hds-demo/header-custom-theme-site/components/hero"><span class="MainLevel-module_label__uWKJ7">Hero</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Highlight" id="side-nav-components-highlight" href="/hds-demo/header-custom-theme-site/components/highlight"><span class="MainLevel-module_label__uWKJ7">Highlight</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Icon" id="side-nav-components-icon" href="/hds-demo/header-custom-theme-site/components/icon"><span class="MainLevel-module_label__uWKJ7">Icon</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Koros" id="side-nav-components-koros" href="/hds-demo/header-custom-theme-site/components/koros"><span class="MainLevel-module_label__uWKJ7">Koros</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Link" id="side-nav-components-link" href="/hds-demo/header-custom-theme-site/components/link"><span class="MainLevel-module_label__uWKJ7">Link</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Linkbox" id="side-nav-components-linkbox" href="/hds-demo/header-custom-theme-site/components/linkbox"><span class="MainLevel-module_label__uWKJ7">Linkbox</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="LoadingSpinner" id="side-nav-components-loading-spinner" href="/hds-demo/header-custom-theme-site/components/loading-spinner"><span class="MainLevel-module_label__uWKJ7">LoadingSpinner</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Logo" id="side-nav-components-logo" href="/hds-demo/header-custom-theme-site/components/logo"><span class="MainLevel-module_label__uWKJ7">Logo</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Navigation" id="side-nav-components-navigation" href="/hds-demo/header-custom-theme-site/components/navigation"><span class="MainLevel-module_label__uWKJ7">Navigation</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Notification" id="side-nav-components-notification" href="/hds-demo/header-custom-theme-site/components/notification"><span class="MainLevel-module_label__uWKJ7">Notification</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="NumberInput" id="side-nav-components-number-input" href="/hds-demo/header-custom-theme-site/components/number-input"><span class="MainLevel-module_label__uWKJ7">NumberInput</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Pagination" id="side-nav-components-pagination" href="/hds-demo/header-custom-theme-site/components/pagination"><span class="MainLevel-module_label__uWKJ7">Pagination</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="PasswordInput" id="side-nav-components-password-input" href="/hds-demo/header-custom-theme-site/components/password-input"><span class="MainLevel-module_label__uWKJ7">PasswordInput</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="PhoneInput" id="side-nav-components-phone-input" href="/hds-demo/header-custom-theme-site/components/phone-input"><span class="MainLevel-module_label__uWKJ7">PhoneInput</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="RadioButton" id="side-nav-components-radio-button" href="/hds-demo/header-custom-theme-site/components/radio-button"><span class="MainLevel-module_label__uWKJ7">RadioButton</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="SearchInput" id="side-nav-components-search-input" href="/hds-demo/header-custom-theme-site/components/search-input"><span class="MainLevel-module_label__uWKJ7">SearchInput</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="SelectionGroup" id="side-nav-components-selection-group" href="/hds-demo/header-custom-theme-site/components/selection-group"><span class="MainLevel-module_label__uWKJ7">SelectionGroup</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="SideNavigation" id="side-nav-components-side-navigation" href="/hds-demo/header-custom-theme-site/components/side-navigation"><span class="MainLevel-module_label__uWKJ7">SideNavigation</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="StatusLabel" id="side-nav-components-status-label" href="/hds-demo/header-custom-theme-site/components/status-label"><span class="MainLevel-module_label__uWKJ7">StatusLabel</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="StepByStep" id="side-nav-components-step-by-step" href="/hds-demo/header-custom-theme-site/components/step-by-step"><span class="MainLevel-module_label__uWKJ7">StepByStep</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Stepper" id="side-nav-components-stepper" href="/hds-demo/header-custom-theme-site/components/stepper"><span class="MainLevel-module_label__uWKJ7">Stepper</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Table" id="side-nav-components-table" href="/hds-demo/header-custom-theme-site/components/table"><span class="MainLevel-module_label__uWKJ7">Table</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Tabs" id="side-nav-components-tabs" href="/hds-demo/header-custom-theme-site/components/tabs"><span class="MainLevel-module_label__uWKJ7">Tabs</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Tag" id="side-nav-components-tag" href="/hds-demo/header-custom-theme-site/components/tag"><span class="MainLevel-module_label__uWKJ7">Tag</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="TextArea" id="side-nav-components-text-area" href="/hds-demo/header-custom-theme-site/components/text-area"><span class="MainLevel-module_label__uWKJ7">TextArea</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="TextInput" id="side-nav-components-text-input" href="/hds-demo/header-custom-theme-site/components/text-input"><span class="MainLevel-module_label__uWKJ7">TextInput</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="TimeInput" id="side-nav-components-time-input" href="/hds-demo/header-custom-theme-site/components/time-input"><span class="MainLevel-module_label__uWKJ7">TimeInput</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_active__3IkdI MainLevel-module_open__2yWFj"><a aria-current="page" aria-label="ToggleButton" id="side-nav-components-toggle-button" href="/hds-demo/header-custom-theme-site/components/toggle-button"><span class="MainLevel-module_label__uWKJ7">ToggleButton</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Tooltip" id="side-nav-components-tooltip" href="/hds-demo/header-custom-theme-site/components/tooltip"><span class="MainLevel-module_label__uWKJ7">Tooltip</span></a></li></ul></nav></aside><main id="content" class="main-content"><h1 id="togglebutton" style="position:relative" class="page-heading-1 heading-xl-mobile">ToggleButton<a href="#togglebutton" aria-label="togglebutton permalink" class="header-anchor after"><span><span class="hds-anchor-icon hds-icon hds-icon--link hds-icon--size-xs" aria-hidden="true" style="vertical-align: middle"></span></span></a></h1>
 <div class="status-label-description"><span class="StatusLabel-module_statusLabel__3R2J2 status-label_hds-status-label__1L8YI StatusLabel-module_info__3YrAe status-label_hds-status-label--info__J28-H">Stable</span><span class="StatusLabel-module_statusLabel__3R2J2 status-label_hds-status-label__1L8YI StatusLabel-module_success__2BfdX status-label_hds-status-label--success__3jiST" style="margin-left:var(--spacing-xs)">Accessible</span><div class="Tooltip-module_root__1Yo9t status-label-tooltip"><button type="button" class="Tooltip-module_button__2x9m0" title="Tooltip" aria-label="Tooltip" aria-expanded="false"><span aria-hidden="true"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="question-circle" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2ZM12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4ZM13 16V18H11V16H13ZM12.0437 5.75C14.0343 5.75 15.7173 7.29464 15.7173 9.42361C15.7173 10.7806 15.2461 11.489 14.161 12.306L13.9187 12.4844C13.1753 13.0295 12.9556 13.3359 12.9386 14.142L12.9375 14.25H10.9375C10.9375 12.6746 11.4591 11.8378 12.6143 10.9622L12.8618 10.7796C13.5685 10.2628 13.7173 10.0539 13.7173 9.42361C13.7173 8.43934 12.9662 7.75 12.0437 7.75C11.1907 7.75 10.4785 8.34077 10.3816 9.20835L10.3734 9.30587L8.37663 9.19182C8.49191 7.17347 10.1344 5.75 12.0437 5.75Z" fill="currentColor"></path></svg></span></button></div></div>
 <p style="font-size:var(--fontsize-body-xl);color:var(--color-black-90);max-width:600px">Toggle button allows the user to switch between two distinct states such as &quot;On&quot; and &quot;Off&quot;.</p>
-<div class="Tabs-module_tabs__2Ww5F"><div class="Tabs-module_tablistBar__elMv9 page-tabs-list"><div class="Tabs-module_scrollButton__3ufhP" aria-hidden="true"><button type="button" tabindex="-1"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-left" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.5 12L15.5 17L14 18.5L7.5 12L14 5.5L15.5 7L10.5 12Z" fill="currentColor"></path></svg></button></div><div class="Tabs-module_tablist__1iuDO"><ul role="tablist" style="width:0px"><li role="tab" aria-selected="true" aria-controls="tab-0-panel" tabindex="0" id="tab-0-button" class="Tabs-module_tab__3oOoX Tabs-module_active__1Ic3B"><span>Usage</span></li><li role="tab" aria-selected="false" aria-controls="tab-1-panel" tabindex="-1" id="tab-1-button" class="Tabs-module_tab__3oOoX"><span>Code</span></li><li role="tab" aria-selected="false" aria-controls="tab-2-panel" tabindex="-1" id="tab-2-button" class="Tabs-module_tab__3oOoX"><span>Accessibility</span></li><li role="tab" aria-selected="false" aria-controls="tab-3-panel" tabindex="-1" id="tab-3-button" class="Tabs-module_tab__3oOoX"><span>Customisation</span></li></ul></div><div class="Tabs-module_scrollButton__3ufhP" aria-hidden="true"><button type="button" tabindex="-1"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-right" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.5 12L8.5 7L10 5.5L16.5 12L10 18.5L8.5 17L13.5 12Z" fill="currentColor"></path></svg></button></div></div><div id="tab-0-panel" role="tabpanel" aria-labelledby="tab-0-button"></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-3" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-3)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
+<div class="Tabs-module_tabs__2Ww5F"><div class="Tabs-module_tablistBar__elMv9 page-tabs-list"><div class="Tabs-module_scrollButton__3ufhP" aria-hidden="true"><button type="button" tabindex="-1"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-left" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.5 12L15.5 17L14 18.5L7.5 12L14 5.5L15.5 7L10.5 12Z" fill="currentColor"></path></svg></button></div><div class="Tabs-module_tablist__1iuDO"><ul role="tablist" style="width:0px"><li role="tab" aria-selected="true" aria-controls="tab-0-panel" tabindex="0" id="tab-0-button" class="Tabs-module_tab__3oOoX Tabs-module_active__1Ic3B"><span>Usage</span></li><li role="tab" aria-selected="false" aria-controls="tab-1-panel" tabindex="-1" id="tab-1-button" class="Tabs-module_tab__3oOoX"><span>Code</span></li><li role="tab" aria-selected="false" aria-controls="tab-2-panel" tabindex="-1" id="tab-2-button" class="Tabs-module_tab__3oOoX"><span>Accessibility</span></li><li role="tab" aria-selected="false" aria-controls="tab-3-panel" tabindex="-1" id="tab-3-button" class="Tabs-module_tab__3oOoX"><span>Customisation</span></li></ul></div><div class="Tabs-module_scrollButton__3ufhP" aria-hidden="true"><button type="button" tabindex="-1"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-right" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.5 12L8.5 7L10 5.5L16.5 12L10 18.5L8.5 17L13.5 12Z" fill="currentColor"></path></svg></button></div></div><div id="tab-0-panel" role="tabpanel" aria-labelledby="tab-0-button"></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-4" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-4)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
     window.dev = undefined
     if (window.dev === true || !(navigator.doNotTrack === '1' || window.doNotTrack === '1')) {
       window._paq = window._paq || [];
@@ -83,6 +83,6 @@
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/components/tooltip/accessibility/index.html b/docs/header-custom-theme-site/components/tooltip/accessibility/index.html
index efdc36ac3f..612179cb66 100644
--- a/docs/header-custom-theme-site/components/tooltip/accessibility/index.html
+++ b/docs/header-custom-theme-site/components/tooltip/accessibility/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Tooltip - Accessibility"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Tooltip - Accessibility"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -61,7 +61,7 @@ <h3 id="pay-attention-to" style="position:relative" class="page-heading-3 headin
 <li>Even though HDS Tooltip does not include a visual title, one must be included for screen readers via using <code>aria-label</code>. The label can be as simple as &quot;Info&quot; but it can also feature more detailed description such as &quot;More information about filling your personal details&quot;.</li>
 <li>If a Tooltip contains a link, always open them to a new window, so that the process of filling the form is not interrupted.</li>
 <li>Do not make the tooltip open on hover. The user should be able to select the text inside the tooltip element.</li>
-</ul></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-195" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-195)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
+</ul></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-196" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-196)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
     window.dev = undefined
     if (window.dev === true || !(navigator.doNotTrack === '1' || window.doNotTrack === '1')) {
       window._paq = window._paq || [];
@@ -89,6 +89,6 @@ <h3 id="pay-attention-to" style="position:relative" class="page-heading-3 headin
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/components/tooltip/code/index.html b/docs/header-custom-theme-site/components/tooltip/code/index.html
index 9abcdd8cf7..363c55bca4 100644
--- a/docs/header-custom-theme-site/components/tooltip/code/index.html
+++ b/docs/header-custom-theme-site/components/tooltip/code/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Tooltip - Code"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Tooltip - Code"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -200,7 +200,7 @@ <h3 id="packages" style="position:relative" class="page-heading-3 heading-m">Pac
 <div class="hds-table-container" tabindex="0"><table class="hds-table hds-table--dark" aria-label="Service users (dark variant)"><thead><tr class="hds-table__header-row dark"><th scope="col">Package</th><th scope="col">Included</th><th scope="col">Storybook link</th><th scope="col">Source link</th></tr></thead><tbody class="hds-table__content"><tr><td><strong>HDS React</strong></td><td><div style="display:flex;gap:var(--spacing-3-xs)"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="check-circle-fill" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3ZM16.5 8L18 9.5L10.5 17L6 12.5L7.5 11L10.5 14L16.5 8Z" fill="currentColor"></path></svg> Yes </div></td><td><a aria-label="View in Storybook. Opens in a new tab" class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F" href="/storybook/react/?path=/story/components-tooltip--default" target="_blank" rel="noopener">View in Storybook</a></td><td><a aria-label="View source. Opens in a new tab Opens a different website." class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F" href="https://github.com/City-of-Helsinki/helsinki-design-system/tree/master/packages/react/src/components/tooltip" target="_blank" rel="noopener">View source<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik Link-module_icon__3ReCc link_icon__i_HqN Link-module_verticalAlignMediumIcon__12PVa link_vertical-align-medium-icon__3IWi1" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="link-external" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M5 3V19H21V21H3V3H5ZM21 3V12H19V6.413L9.91421 15.5L8.5 14.0858L17.585 5H12V3H21Z" fill="currentColor"></path></svg></a></td></tr><tr><td><strong>HDS Core</strong></td><td><div style="display:flex;gap:var(--spacing-3-xs)"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="cross-circle" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2ZM12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4ZM15 7.5L16.5 9L13.5 12L16.5 15L15 16.5L12 13.5L9 16.5L7.5 15L10.5 12L7.5 9L9 7.5L12 10.5L15 7.5Z" fill="currentColor"></path></svg> No </div></td><td>-</td><td>-</td></tr></tbody></table></div>
 <h3 id="properties" style="position:relative" class="page-heading-3 heading-m">Properties<a href="#properties" aria-label="properties permalink" class="header-anchor after"><span><span class="hds-anchor-icon hds-icon hds-icon--link hds-icon--size-xs" aria-hidden="true" style="vertical-align: middle"></span></span></a></h3>
 <p>Note! You can find the full list of properties in the <a aria-label="React Storybook. Opens in a new tab" class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F" href="/storybook/react/?path=/docs/components-tooltip--default" target="_blank" rel="noopener">React Storybook.</a></p>
-<div class="hds-table-container" tabindex="0"><table class="hds-table hds-table--dark" aria-label="Service users (dark variant)"><thead><tr class="hds-table__header-row dark"><th scope="col">Property</th><th scope="col">Description</th><th scope="col">Values</th><th scope="col">Default value</th></tr></thead><tbody class="hds-table__content"><tr><td><code>boxShadow</code></td><td>If set to true, the tooltip displays a box shadow behind it.</td><td><code>boolean</code></td><td>false</td></tr><tr><td><code>placement</code></td><td>The placement of the opened tooltip.</td><td><code>&quot;auto&quot;</code> <code>&quot;auto-start&quot;</code> <code>&quot;auto-end&quot;</code> <code>&quot;top&quot;</code> <code>&quot;top-start&quot;</code> <code>&quot;top-end&quot;</code> <code>&quot;bottom&quot;</code> <code>&quot;bottom-start&quot;</code> <code>&quot;bottom-end&quot;</code> <code>&quot;right&quot;</code> <code>&quot;right-start&quot;</code> <code>&quot;right-end&quot;</code> <code>&quot;left&quot;</code> <code>&quot;left-start&quot;</code> <code>&quot;left-end&quot;</code></td><td><code>&quot;auto&quot;</code></td></tr><tr><td><code>small</code></td><td>If set to true, the small tooltip variant is used.</td><td><code>boolean</code></td><td>false</td></tr><tr><td><code>buttonLabel</code></td><td>Aria-label text for the tooltip trigger button.</td><td><code>string</code></td><td>&quot;Tooltip&quot;</td></tr><tr><td><code>tooltipLabel</code></td><td>Aria-label text for the tooltip.</td><td><code>string</code></td><td>&quot;Tooltip&quot;</td></tr><tr><td>[Table 1:Tooltip properties]</td><td></td><td></td><td></td></tr></tbody></table></div></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-196" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-196)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
+<div class="hds-table-container" tabindex="0"><table class="hds-table hds-table--dark" aria-label="Service users (dark variant)"><thead><tr class="hds-table__header-row dark"><th scope="col">Property</th><th scope="col">Description</th><th scope="col">Values</th><th scope="col">Default value</th></tr></thead><tbody class="hds-table__content"><tr><td><code>boxShadow</code></td><td>If set to true, the tooltip displays a box shadow behind it.</td><td><code>boolean</code></td><td>false</td></tr><tr><td><code>placement</code></td><td>The placement of the opened tooltip.</td><td><code>&quot;auto&quot;</code> <code>&quot;auto-start&quot;</code> <code>&quot;auto-end&quot;</code> <code>&quot;top&quot;</code> <code>&quot;top-start&quot;</code> <code>&quot;top-end&quot;</code> <code>&quot;bottom&quot;</code> <code>&quot;bottom-start&quot;</code> <code>&quot;bottom-end&quot;</code> <code>&quot;right&quot;</code> <code>&quot;right-start&quot;</code> <code>&quot;right-end&quot;</code> <code>&quot;left&quot;</code> <code>&quot;left-start&quot;</code> <code>&quot;left-end&quot;</code></td><td><code>&quot;auto&quot;</code></td></tr><tr><td><code>small</code></td><td>If set to true, the small tooltip variant is used.</td><td><code>boolean</code></td><td>false</td></tr><tr><td><code>buttonLabel</code></td><td>Aria-label text for the tooltip trigger button.</td><td><code>string</code></td><td>&quot;Tooltip&quot;</td></tr><tr><td><code>tooltipLabel</code></td><td>Aria-label text for the tooltip.</td><td><code>string</code></td><td>&quot;Tooltip&quot;</td></tr><tr><td>[Table 1:Tooltip properties]</td><td></td><td></td><td></td></tr></tbody></table></div></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-195" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-195)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
     window.dev = undefined
     if (window.dev === true || !(navigator.doNotTrack === '1' || window.doNotTrack === '1')) {
       window._paq = window._paq || [];
@@ -228,6 +228,6 @@ <h3 id="properties" style="position:relative" class="page-heading-3 heading-m">P
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/components/tooltip/index.html b/docs/header-custom-theme-site/components/tooltip/index.html
index 04ef3bcd4e..ab366f3d0a 100644
--- a/docs/header-custom-theme-site/components/tooltip/index.html
+++ b/docs/header-custom-theme-site/components/tooltip/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Tooltip"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Tooltip"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -107,6 +107,6 @@ <h4 id="positioning" style="position:relative" class="page-heading-4 heading-s">
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/components/tooltip/tabs/index.html b/docs/header-custom-theme-site/components/tooltip/tabs/index.html
index 745c9365c5..d2385245b7 100644
--- a/docs/header-custom-theme-site/components/tooltip/tabs/index.html
+++ b/docs/header-custom-theme-site/components/tooltip/tabs/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Tooltip"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Tooltip"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -83,6 +83,6 @@
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/foundation/design-tokens/breakpoints/index.html b/docs/header-custom-theme-site/foundation/design-tokens/breakpoints/index.html
index aabdb1308c..71bd9f9767 100644
--- a/docs/header-custom-theme-site/foundation/design-tokens/breakpoints/index.html
+++ b/docs/header-custom-theme-site/foundation/design-tokens/breakpoints/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Breakpoint tokens - Usage"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Breakpoint tokens - Usage"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -85,7 +85,7 @@ <h3 id="using-breakpoint-tokens" style="position:relative" class="page-heading-3
 <li><strong>Container width token</strong> defines maximum container width.</li>
 </ul>
 <p>When breakpoints change the left and right padding of the container changes. It is recommended to use the provided padding values because they match with <a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F" href="/hds-demo/header-custom-theme-site/components/navigation">HDS Navigation</a> and <a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F" href="/hds-demo/header-custom-theme-site/components/footer">HDS Footer</a> paddings. You can find these paddings on the <a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F" href="/hds-demo/header-custom-theme-site/foundation/design-tokens/breakpoints/tokens">HDS Breakpoints tokens tab.</a></p>
-<p>The maximum content container width is always <code>--container-width-xl</code> (1200px). When the viewport width is below this value, the content container always takes all available space.</p></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-36" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-36)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
+<p>The maximum content container width is always <code>--container-width-xl</code> (1200px). When the viewport width is below this value, the content container always takes all available space.</p></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-35" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-35)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
     window.dev = undefined
     if (window.dev === true || !(navigator.doNotTrack === '1' || window.doNotTrack === '1')) {
       window._paq = window._paq || [];
@@ -113,6 +113,6 @@ <h3 id="using-breakpoint-tokens" style="position:relative" class="page-heading-3
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/foundation/design-tokens/breakpoints/tabs/index.html b/docs/header-custom-theme-site/foundation/design-tokens/breakpoints/tabs/index.html
index 48278e2efb..eeb4be1b5b 100644
--- a/docs/header-custom-theme-site/foundation/design-tokens/breakpoints/tabs/index.html
+++ b/docs/header-custom-theme-site/foundation/design-tokens/breakpoints/tabs/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Breakpoint tokens"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Breakpoint tokens"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -55,7 +55,7 @@
   </script><link rel="manifest" href="/hds-demo/header-custom-theme-site/manifest.webmanifest" crossorigin="anonymous"/><link rel="apple-touch-icon" sizes="any" href="/hds-demo/header-custom-theme-site/favicon/light/favicon-32x32.ico"/><link rel="apple-touch-icon" href="/hds-demo/header-custom-theme-site/favicon/light/apple-touch-icon.png"/><link rel="apple-touch-icon" sizes="192x192" href="/hds-demo/header-custom-theme-site/favicon/light/favicon-192x192.png"/><link rel="apple-touch-icon" sizes="512x512" href="/hds-demo/header-custom-theme-site/favicon/light/favicon-512x512.png"/><link rel="preconnect" href="https://webanalytics.digiaiiris.com/js"/></head><body><div id="___gatsby"><div style="outline:none" tabindex="-1" id="gatsby-focus-wrapper"><div class="page text-body"><header id="page-header" class="Navigation-module_header__2HNOX Navigation-module_theme-light__36nmi pageHeader"><a class="Navigation-module_skipToContent__2p54x" href="#content">Skip to content</a><div class="visible-module_belowM__2GR1J"><div class="Navigation-module_headerBackgroundWrapper__137R3"><div class="Navigation-module_headerContainer__2YPsu"><a class="Navigation-module_title__3zRBe" href="https://hds.hel.fi" aria-label="Helsinki: Helsinki Design System"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Navigation-module_logo__1sEy6" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg><span><div class="page-header-title"><div>Helsinki Design System</div><div class="page-header-title-badge"><img style="filter:invert(1)" alt="HDS version number: 2.15.0" src="https://img.shields.io/github/v/release/City-of-Helsinki/helsinki-design-system?label=&amp;style=for-the-badge&amp;color=1a1a1a"/></div></div></span></a><button aria-label="menu" aria-haspopup="true" aria-expanded="false" type="button" class="Navigation-module_mobileMenuToggle__1v6en"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="menu-hamburger" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M22 17V19H2V17H22ZM22 11V13H2V11H22ZM22 5V7H2V5H22Z" fill="currentColor"></path></svg></button></div></div></div><div class="visible-module_aboveM__31mn_"><div class="Navigation-module_headerBackgroundWrapper__137R3"><div class="Navigation-module_headerContainer__2YPsu"><a class="Navigation-module_title__3zRBe" href="https://hds.hel.fi" aria-label="Helsinki: Helsinki Design System"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Navigation-module_logo__1sEy6" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg><span><div class="page-header-title"><div>Helsinki Design System</div><div class="page-header-title-badge"><img style="filter:invert(1)" alt="HDS version number: 2.15.0" src="https://img.shields.io/github/v/release/City-of-Helsinki/helsinki-design-system?label=&amp;style=for-the-badge&amp;color=1a1a1a"/></div></div></span></a><div class="Navigation-module_headerContent__3zHbK"></div></div></div><nav class="NavigationRow-module_navigation__24tui NavigationRow-module_subNav__3fDXv" aria-label="Site navigation"><a class="NavigationItem-module_rowItem__2QxRz" href="/hds-demo/header-custom-theme-site/getting-started/"><span class="NavigationItem-module_label__1UsXG button_hds-button__label__3r3Mi">Getting started</span></a><a aria-current="page" class="NavigationItem-module_rowItem__2QxRz NavigationItem-module_active__3Ckcw" href="/hds-demo/header-custom-theme-site/foundation/"><span class="NavigationItem-module_label__1UsXG button_hds-button__label__3r3Mi">Foundation</span></a><a class="NavigationItem-module_rowItem__2QxRz" href="/hds-demo/header-custom-theme-site/components/"><span class="NavigationItem-module_label__1UsXG button_hds-button__label__3r3Mi">Components</span></a><a class="NavigationItem-module_rowItem__2QxRz" href="/hds-demo/header-custom-theme-site/patterns/"><span class="NavigationItem-module_label__1UsXG button_hds-button__label__3r3Mi">Patterns</span></a><a class="NavigationItem-module_rowItem__2QxRz" href="/hds-demo/header-custom-theme-site/about/"><span class="NavigationItem-module_label__1UsXG button_hds-button__label__3r3Mi">About</span></a></nav></div></header><div class="page-content"><aside class="side-content"><nav class="SideNavigation-module_sideNavigation__3X-9P" id="side-navigation" aria-label="Foundation"><button type="button" class="Button-module_button__1msFE button_hds-button__2A0je Button-module_secondary__1nABp button_hds-button--secondary__1NOWS Button-module_fullWidth__31eVK button_hds-button--fullwidth__1_hG9 SideNavigation-module_toggleButton__10tXH" aria-controls="side-navigation-menu" aria-expanded="false" aria-haspopup="true"><span class="Button-module_label__a4np1 button_hds-button__label__2EQa-">Navigate to page</span><div class="Button-module_icon__O-h7R button_hds-icon__17j8Z" aria-hidden="true"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-down" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 13.5L17 8.5L18.5 10L12 16.5L5.5 10L7 8.5L12 13.5Z" fill="currentColor"></path></svg></div></button><ul class="SideNavigation-module_mainLevelList__SLZKQ" aria-label="Navigate to page" id="side-navigation-menu"><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Overview" id="side-nav-foundation" href="/hds-demo/header-custom-theme-site/foundation"><span class="MainLevel-module_label__uWKJ7">Overview</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_mainLevelWithDivider__1knXE MainLevel-module_open__2yWFj"><button type="button" aria-label="Design tokens" aria-current="false" aria-expanded="true" id="side-nav-foundation-design-tokens"><span class="MainLevel-module_label__uWKJ7">Design tokens</span><span class="MainLevel-module_rightIcon__2D9o7" aria-hidden="true"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 11.5L17 16.5L18.5 15L12 8.5L5.5 15L7 16.5L12 11.5Z" fill="currentColor"></path></svg></span></button><ul class="MainLevel-module_mainLevelListMenu__FG6Ed" id="side-nav-foundation-design-tokens-menu" aria-hidden="false" aria-labelledby="side-nav-foundation-design-tokens"><li class="SubLevel-module_subLevel__2TvTK SubLevel-module_active__dtFES"><a aria-current="page" href="/hds-demo/header-custom-theme-site/foundation/design-tokens/breakpoints">Breakpoints</a></li><li class="SubLevel-module_subLevel__2TvTK"><a aria-current="false" href="/hds-demo/header-custom-theme-site/foundation/design-tokens/colour">Colour</a></li><li class="SubLevel-module_subLevel__2TvTK"><a aria-current="false" href="/hds-demo/header-custom-theme-site/foundation/design-tokens/spacing">Spacing</a></li><li class="SubLevel-module_subLevel__2TvTK"><a aria-current="false" href="/hds-demo/header-custom-theme-site/foundation/design-tokens/typography">Typography</a></li></ul></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><button type="button" aria-label="Visual assets" aria-current="false" aria-expanded="true" id="side-nav-foundation-visual-assets"><span class="MainLevel-module_label__uWKJ7">Visual assets</span><span class="MainLevel-module_rightIcon__2D9o7" aria-hidden="true"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 11.5L17 16.5L18.5 15L12 8.5L5.5 15L7 16.5L12 11.5Z" fill="currentColor"></path></svg></span></button><ul class="MainLevel-module_mainLevelListMenu__FG6Ed" id="side-nav-foundation-visual-assets-menu" aria-hidden="false" aria-labelledby="side-nav-foundation-visual-assets"><li class="SubLevel-module_subLevel__2TvTK"><a aria-current="false" href="/hds-demo/header-custom-theme-site/foundation/visual-assets/favicon">Favicon</a></li><li class="SubLevel-module_subLevel__2TvTK"><a aria-current="false" href="/hds-demo/header-custom-theme-site/foundation/visual-assets/icons">Icons</a></li><li class="SubLevel-module_subLevel__2TvTK"><a aria-current="false" href="/hds-demo/header-custom-theme-site/foundation/visual-assets/logo">Logo</a></li><li class="SubLevel-module_subLevel__2TvTK"><a aria-current="false" href="/hds-demo/header-custom-theme-site/foundation/visual-assets/placeholders">Placeholders</a></li><li class="SubLevel-module_subLevel__2TvTK"><a aria-current="false" href="/hds-demo/header-custom-theme-site/foundation/visual-assets/wave-motifs">Wave motifs</a></li></ul></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><button type="button" aria-label="Guidelines" aria-current="false" aria-expanded="true" id="side-nav-foundation-guidelines"><span class="MainLevel-module_label__uWKJ7">Guidelines</span><span class="MainLevel-module_rightIcon__2D9o7" aria-hidden="true"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 11.5L17 16.5L18.5 15L12 8.5L5.5 15L7 16.5L12 11.5Z" fill="currentColor"></path></svg></span></button><ul class="MainLevel-module_mainLevelListMenu__FG6Ed" id="side-nav-foundation-guidelines-menu" aria-hidden="false" aria-labelledby="side-nav-foundation-guidelines"><li class="SubLevel-module_subLevel__2TvTK"><a aria-current="false" href="/hds-demo/header-custom-theme-site/foundation/guidelines/checkbox-radiobutton-toggle">Checkboxes, radio buttons, or toggles?</a></li><li class="SubLevel-module_subLevel__2TvTK"><a aria-current="false" href="/hds-demo/header-custom-theme-site/foundation/guidelines/data-formats">Data formats</a></li><li class="SubLevel-module_subLevel__2TvTK"><a aria-current="false" href="/hds-demo/header-custom-theme-site/foundation/guidelines/grid">Grid</a></li><li class="SubLevel-module_subLevel__2TvTK"><a aria-current="false" href="/hds-demo/header-custom-theme-site/foundation/guidelines/inclusivity">Inclusivity</a></li><li class="SubLevel-module_subLevel__2TvTK"><a aria-current="false" href="/hds-demo/header-custom-theme-site/foundation/guidelines/localisation">Localisation</a></li><li class="SubLevel-module_subLevel__2TvTK"><a aria-current="false" href="/hds-demo/header-custom-theme-site/foundation/guidelines/photography">Photography</a></li><li class="SubLevel-module_subLevel__2TvTK"><a aria-current="false" href="/hds-demo/header-custom-theme-site/foundation/guidelines/server-side-rendering">Server-side rendering</a></li></ul></li></ul></nav></aside><main id="content" class="main-content"><h1 id="breakpoints" style="position:relative" class="page-heading-1 heading-xl-mobile">Breakpoints<a href="#breakpoints" aria-label="breakpoints permalink" class="header-anchor after"><span><span class="hds-anchor-icon hds-icon hds-icon--link hds-icon--size-xs" aria-hidden="true" style="vertical-align: middle"></span></span></a></h1>
 <span class="StatusLabel-module_statusLabel__3R2J2 status-label_hds-status-label__1L8YI StatusLabel-module_info__3YrAe status-label_hds-status-label--info__J28-H">Stable</span>
 <p style="font-size:var(--fontsize-body-xl);color:var(--color-black-90);max-width:600px">Breakpoint tokens are used to keep services and products using HDS consistent across all screen sizes.</p>
-<div class="Tabs-module_tabs__2Ww5F"><div class="Tabs-module_tablistBar__elMv9 page-tabs-list"><div class="Tabs-module_scrollButton__3ufhP" aria-hidden="true"><button type="button" tabindex="-1"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-left" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.5 12L15.5 17L14 18.5L7.5 12L14 5.5L15.5 7L10.5 12Z" fill="currentColor"></path></svg></button></div><div class="Tabs-module_tablist__1iuDO"><ul role="tablist" style="width:0px"><li role="tab" aria-selected="true" aria-controls="tab-0-panel" tabindex="0" id="tab-0-button" class="Tabs-module_tab__3oOoX Tabs-module_active__1Ic3B"><span>Usage</span></li><li role="tab" aria-selected="false" aria-controls="tab-1-panel" tabindex="-1" id="tab-1-button" class="Tabs-module_tab__3oOoX"><span>Tokens</span></li></ul></div><div class="Tabs-module_scrollButton__3ufhP" aria-hidden="true"><button type="button" tabindex="-1"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-right" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.5 12L8.5 7L10 5.5L16.5 12L10 18.5L8.5 17L13.5 12Z" fill="currentColor"></path></svg></button></div></div><div id="tab-0-panel" role="tabpanel" aria-labelledby="tab-0-button"></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-35" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-35)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
+<div class="Tabs-module_tabs__2Ww5F"><div class="Tabs-module_tablistBar__elMv9 page-tabs-list"><div class="Tabs-module_scrollButton__3ufhP" aria-hidden="true"><button type="button" tabindex="-1"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-left" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.5 12L15.5 17L14 18.5L7.5 12L14 5.5L15.5 7L10.5 12Z" fill="currentColor"></path></svg></button></div><div class="Tabs-module_tablist__1iuDO"><ul role="tablist" style="width:0px"><li role="tab" aria-selected="true" aria-controls="tab-0-panel" tabindex="0" id="tab-0-button" class="Tabs-module_tab__3oOoX Tabs-module_active__1Ic3B"><span>Usage</span></li><li role="tab" aria-selected="false" aria-controls="tab-1-panel" tabindex="-1" id="tab-1-button" class="Tabs-module_tab__3oOoX"><span>Tokens</span></li></ul></div><div class="Tabs-module_scrollButton__3ufhP" aria-hidden="true"><button type="button" tabindex="-1"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-right" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.5 12L8.5 7L10 5.5L16.5 12L10 18.5L8.5 17L13.5 12Z" fill="currentColor"></path></svg></button></div></div><div id="tab-0-panel" role="tabpanel" aria-labelledby="tab-0-button"></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-36" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-36)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
     window.dev = undefined
     if (window.dev === true || !(navigator.doNotTrack === '1' || window.doNotTrack === '1')) {
       window._paq = window._paq || [];
@@ -83,6 +83,6 @@
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/foundation/design-tokens/breakpoints/tokens/index.html b/docs/header-custom-theme-site/foundation/design-tokens/breakpoints/tokens/index.html
index 87f6bcb9f4..cdfb0e7752 100644
--- a/docs/header-custom-theme-site/foundation/design-tokens/breakpoints/tokens/index.html
+++ b/docs/header-custom-theme-site/foundation/design-tokens/breakpoints/tokens/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Breakpoints tokens - Tokens"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Breakpoints tokens - Tokens"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -87,6 +87,6 @@
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/foundation/design-tokens/colour/accessibility/index.html b/docs/header-custom-theme-site/foundation/design-tokens/colour/accessibility/index.html
index c529dc72ff..a11b8df927 100644
--- a/docs/header-custom-theme-site/foundation/design-tokens/colour/accessibility/index.html
+++ b/docs/header-custom-theme-site/foundation/design-tokens/colour/accessibility/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Colour tokens - Accessibility"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Colour tokens - Accessibility"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -117,6 +117,6 @@ <h4 id="focus-colour" style="position:relative" class="page-heading-4 heading-s"
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/foundation/design-tokens/colour/index.html b/docs/header-custom-theme-site/foundation/design-tokens/colour/index.html
index f16cedf871..7a106c3c97 100644
--- a/docs/header-custom-theme-site/foundation/design-tokens/colour/index.html
+++ b/docs/header-custom-theme-site/foundation/design-tokens/colour/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Colour tokens - Usage"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Colour tokens - Usage"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -96,7 +96,7 @@ <h4 id="ui-colours" style="position:relative" class="page-heading-4 heading-s">U
 <div class="hds-table-container" tabindex="0"><table class="hds-table hds-table--dark" aria-label="Service users (dark variant)"><thead><tr class="hds-table__header-row dark"><th scope="col">Status name</th><th scope="col">Usage</th><th scope="col">Example message</th><th scope="col">Example</th></tr></thead><tbody class="hds-table__content"><tr><td>Info</td><td>State which does not indicate clear success or failure but can be useful extra information to the user.</td><td><em>&quot;You have received new messages.&quot;</em></td><td><div aria-label="Visualized example: Info status colour example" role="img" style="display:inline-block;width:40px;height:40px;background:var(--color-info)"></div></td></tr><tr><td>Success</td><td>Positive state to inform user about success.</td><td><em>&quot;Form submit was successful!&quot;</em></td><td><div aria-label="Visualized example: Success status colour example" role="img" style="display:inline-block;width:40px;height:40px;background:var(--color-success)"></div></td></tr><tr><td>Alert</td><td>Warning state to catch users attention but does not require immediate actions.</td><td><em>&quot;Loading is taking longer than expected.&quot;</em></td><td><div aria-label="Visualized example: Alert status colour example" role="img" style="display:inline-block;width:40px;height:40px;background:var(--color-alert)"></div></td></tr><tr><td>Error</td><td>Error state which requires users immediate action.</td><td><em>&quot;Form is missing critical information.&quot;</em></td><td><div aria-label="Visualized example: Error status colour example" role="img" style="display:inline-block;width:40px;height:40px;background:var(--color-error)"></div></td></tr><tr><td>Focus</td><td>Indication for active selected element which helps users navigating the page with a keyboard.</td><td></td><td><div aria-label="Visualized focus example" role="img" style="font-size:var(--fontsize-body-l);align-items:center;justify-content:flex-start;display:flex;background:undefined"><div style="border:3px solid;display:flex;justify-content:center;align-items:center;padding:0.25rem;border-color:var(--color-focus-outline);height:28px;width:28px"></div></div></td></tr><tr><td>[Table 2:Status colours]</td><td></td><td></td><td></td></tr></tbody></table></div>
 <h4 id="grayscale" style="position:relative" class="page-heading-4 heading-s">Grayscale<a href="#grayscale" aria-label="grayscale permalink" class="header-anchor after"><span><span class="hds-anchor-icon hds-icon hds-icon--link hds-icon--size-xs" aria-hidden="true" style="vertical-align: middle"></span></span></a></h4>
 <p>Grayscale colours are neutral shades that can be used for all user interface purposes. Be mindful of the colour contrast especially on lighter shades of gray. Check the Accessibility tab for more information about grayscale contrast.</p>
-<div class="hds-table-container" tabindex="0"><table class="hds-table hds-table--dark" aria-label="Service users (dark variant)"><thead><tr class="hds-table__header-row dark"><th scope="col">Black</th><th scope="col">90%</th><th scope="col">80%</th><th scope="col">70%</th><th scope="col">60%</th><th scope="col">50% </th><th scope="col">40%</th><th scope="col">30%</th><th scope="col">20%</th><th scope="col">10%</th><th scope="col">5%</th><th scope="col">White</th></tr></thead><tbody class="hds-table__content"><tr><td><div aria-label="Visualized example: Black colour example" role="img" style="display:inline-block;width:40px;height:40px;background:var(--color-black)"></div></td><td><div aria-label="Visualized example: Black-90 colour example" role="img" style="display:inline-block;width:40px;height:40px;background:var(--color-black-90)"></div></td><td><div aria-label="Visualized example: Black-80 colour example" role="img" style="display:inline-block;width:40px;height:40px;background:var(--color-black-80)"></div></td><td><div aria-label="Visualized example: Black-70 colour example" role="img" style="display:inline-block;width:40px;height:40px;background:var(--color-black-70)"></div></td><td><div aria-label="Visualized example: Black-60 colour example" role="img" style="display:inline-block;width:40px;height:40px;background:var(--color-black-60)"></div></td><td><div aria-label="Visualized example: Blac-50 colour example" role="img" style="display:inline-block;width:40px;height:40px;background:var(--color-black-50)"></div></td><td><div aria-label="Visualized example: Black-40 colour example" role="img" style="display:inline-block;width:40px;height:40px;background:var(--color-black-40)"></div></td><td><div aria-label="Visualized example: Black-30 colour example" role="img" style="display:inline-block;width:40px;height:40px;background:var(--color-black-30)"></div></td><td><div aria-label="Visualized example: Black-20 colour example" role="img" style="display:inline-block;width:40px;height:40px;background:var(--color-black-20)"></div></td><td><div aria-label="Visualized example: Black-10 colour example" role="img" style="display:inline-block;width:40px;height:40px;background:var(--color-black-10)"></div></td><td><div aria-label="Visualized example: Black-5 colour example" role="img" style="display:inline-block;width:40px;height:40px;background:var(--color-black-5)"></div></td><td><div aria-label="Visualized example: White colour example" role="img" style="display:inline-block;width:40px;height:40px;background:var(--color-white)"></div></td></tr><tr><td>[Table 3:Grayscale]</td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr></tbody></table></div></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-28" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-28)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
+<div class="hds-table-container" tabindex="0"><table class="hds-table hds-table--dark" aria-label="Service users (dark variant)"><thead><tr class="hds-table__header-row dark"><th scope="col">Black</th><th scope="col">90%</th><th scope="col">80%</th><th scope="col">70%</th><th scope="col">60%</th><th scope="col">50% </th><th scope="col">40%</th><th scope="col">30%</th><th scope="col">20%</th><th scope="col">10%</th><th scope="col">5%</th><th scope="col">White</th></tr></thead><tbody class="hds-table__content"><tr><td><div aria-label="Visualized example: Black colour example" role="img" style="display:inline-block;width:40px;height:40px;background:var(--color-black)"></div></td><td><div aria-label="Visualized example: Black-90 colour example" role="img" style="display:inline-block;width:40px;height:40px;background:var(--color-black-90)"></div></td><td><div aria-label="Visualized example: Black-80 colour example" role="img" style="display:inline-block;width:40px;height:40px;background:var(--color-black-80)"></div></td><td><div aria-label="Visualized example: Black-70 colour example" role="img" style="display:inline-block;width:40px;height:40px;background:var(--color-black-70)"></div></td><td><div aria-label="Visualized example: Black-60 colour example" role="img" style="display:inline-block;width:40px;height:40px;background:var(--color-black-60)"></div></td><td><div aria-label="Visualized example: Blac-50 colour example" role="img" style="display:inline-block;width:40px;height:40px;background:var(--color-black-50)"></div></td><td><div aria-label="Visualized example: Black-40 colour example" role="img" style="display:inline-block;width:40px;height:40px;background:var(--color-black-40)"></div></td><td><div aria-label="Visualized example: Black-30 colour example" role="img" style="display:inline-block;width:40px;height:40px;background:var(--color-black-30)"></div></td><td><div aria-label="Visualized example: Black-20 colour example" role="img" style="display:inline-block;width:40px;height:40px;background:var(--color-black-20)"></div></td><td><div aria-label="Visualized example: Black-10 colour example" role="img" style="display:inline-block;width:40px;height:40px;background:var(--color-black-10)"></div></td><td><div aria-label="Visualized example: Black-5 colour example" role="img" style="display:inline-block;width:40px;height:40px;background:var(--color-black-5)"></div></td><td><div aria-label="Visualized example: White colour example" role="img" style="display:inline-block;width:40px;height:40px;background:var(--color-white)"></div></td></tr><tr><td>[Table 3:Grayscale]</td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr></tbody></table></div></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-27" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-27)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
     window.dev = undefined
     if (window.dev === true || !(navigator.doNotTrack === '1' || window.doNotTrack === '1')) {
       window._paq = window._paq || [];
@@ -124,6 +124,6 @@ <h4 id="grayscale" style="position:relative" class="page-heading-4 heading-s">Gr
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/foundation/design-tokens/colour/tabs/index.html b/docs/header-custom-theme-site/foundation/design-tokens/colour/tabs/index.html
index b1bd05fb2b..26c5fd1f54 100644
--- a/docs/header-custom-theme-site/foundation/design-tokens/colour/tabs/index.html
+++ b/docs/header-custom-theme-site/foundation/design-tokens/colour/tabs/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Colour tokens"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Colour tokens"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -55,7 +55,7 @@
   </script><link rel="manifest" href="/hds-demo/header-custom-theme-site/manifest.webmanifest" crossorigin="anonymous"/><link rel="apple-touch-icon" sizes="any" href="/hds-demo/header-custom-theme-site/favicon/light/favicon-32x32.ico"/><link rel="apple-touch-icon" href="/hds-demo/header-custom-theme-site/favicon/light/apple-touch-icon.png"/><link rel="apple-touch-icon" sizes="192x192" href="/hds-demo/header-custom-theme-site/favicon/light/favicon-192x192.png"/><link rel="apple-touch-icon" sizes="512x512" href="/hds-demo/header-custom-theme-site/favicon/light/favicon-512x512.png"/><link rel="preconnect" href="https://webanalytics.digiaiiris.com/js"/></head><body><div id="___gatsby"><div style="outline:none" tabindex="-1" id="gatsby-focus-wrapper"><div class="page text-body"><header id="page-header" class="Navigation-module_header__2HNOX Navigation-module_theme-light__36nmi pageHeader"><a class="Navigation-module_skipToContent__2p54x" href="#content">Skip to content</a><div class="visible-module_belowM__2GR1J"><div class="Navigation-module_headerBackgroundWrapper__137R3"><div class="Navigation-module_headerContainer__2YPsu"><a class="Navigation-module_title__3zRBe" href="https://hds.hel.fi" aria-label="Helsinki: Helsinki Design System"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Navigation-module_logo__1sEy6" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg><span><div class="page-header-title"><div>Helsinki Design System</div><div class="page-header-title-badge"><img style="filter:invert(1)" alt="HDS version number: 2.15.0" src="https://img.shields.io/github/v/release/City-of-Helsinki/helsinki-design-system?label=&amp;style=for-the-badge&amp;color=1a1a1a"/></div></div></span></a><button aria-label="menu" aria-haspopup="true" aria-expanded="false" type="button" class="Navigation-module_mobileMenuToggle__1v6en"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="menu-hamburger" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M22 17V19H2V17H22ZM22 11V13H2V11H22ZM22 5V7H2V5H22Z" fill="currentColor"></path></svg></button></div></div></div><div class="visible-module_aboveM__31mn_"><div class="Navigation-module_headerBackgroundWrapper__137R3"><div class="Navigation-module_headerContainer__2YPsu"><a class="Navigation-module_title__3zRBe" href="https://hds.hel.fi" aria-label="Helsinki: Helsinki Design System"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Navigation-module_logo__1sEy6" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg><span><div class="page-header-title"><div>Helsinki Design System</div><div class="page-header-title-badge"><img style="filter:invert(1)" alt="HDS version number: 2.15.0" src="https://img.shields.io/github/v/release/City-of-Helsinki/helsinki-design-system?label=&amp;style=for-the-badge&amp;color=1a1a1a"/></div></div></span></a><div class="Navigation-module_headerContent__3zHbK"></div></div></div><nav class="NavigationRow-module_navigation__24tui NavigationRow-module_subNav__3fDXv" aria-label="Site navigation"><a class="NavigationItem-module_rowItem__2QxRz" href="/hds-demo/header-custom-theme-site/getting-started/"><span class="NavigationItem-module_label__1UsXG button_hds-button__label__3r3Mi">Getting started</span></a><a aria-current="page" class="NavigationItem-module_rowItem__2QxRz NavigationItem-module_active__3Ckcw" href="/hds-demo/header-custom-theme-site/foundation/"><span class="NavigationItem-module_label__1UsXG button_hds-button__label__3r3Mi">Foundation</span></a><a class="NavigationItem-module_rowItem__2QxRz" href="/hds-demo/header-custom-theme-site/components/"><span class="NavigationItem-module_label__1UsXG button_hds-button__label__3r3Mi">Components</span></a><a class="NavigationItem-module_rowItem__2QxRz" href="/hds-demo/header-custom-theme-site/patterns/"><span class="NavigationItem-module_label__1UsXG button_hds-button__label__3r3Mi">Patterns</span></a><a class="NavigationItem-module_rowItem__2QxRz" href="/hds-demo/header-custom-theme-site/about/"><span class="NavigationItem-module_label__1UsXG button_hds-button__label__3r3Mi">About</span></a></nav></div></header><div class="page-content"><aside class="side-content"><nav class="SideNavigation-module_sideNavigation__3X-9P" id="side-navigation" aria-label="Foundation"><button type="button" class="Button-module_button__1msFE button_hds-button__2A0je Button-module_secondary__1nABp button_hds-button--secondary__1NOWS Button-module_fullWidth__31eVK button_hds-button--fullwidth__1_hG9 SideNavigation-module_toggleButton__10tXH" aria-controls="side-navigation-menu" aria-expanded="false" aria-haspopup="true"><span class="Button-module_label__a4np1 button_hds-button__label__2EQa-">Navigate to page</span><div class="Button-module_icon__O-h7R button_hds-icon__17j8Z" aria-hidden="true"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-down" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 13.5L17 8.5L18.5 10L12 16.5L5.5 10L7 8.5L12 13.5Z" fill="currentColor"></path></svg></div></button><ul class="SideNavigation-module_mainLevelList__SLZKQ" aria-label="Navigate to page" id="side-navigation-menu"><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Overview" id="side-nav-foundation" href="/hds-demo/header-custom-theme-site/foundation"><span class="MainLevel-module_label__uWKJ7">Overview</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_mainLevelWithDivider__1knXE MainLevel-module_open__2yWFj"><button type="button" aria-label="Design tokens" aria-current="false" aria-expanded="true" id="side-nav-foundation-design-tokens"><span class="MainLevel-module_label__uWKJ7">Design tokens</span><span class="MainLevel-module_rightIcon__2D9o7" aria-hidden="true"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 11.5L17 16.5L18.5 15L12 8.5L5.5 15L7 16.5L12 11.5Z" fill="currentColor"></path></svg></span></button><ul class="MainLevel-module_mainLevelListMenu__FG6Ed" id="side-nav-foundation-design-tokens-menu" aria-hidden="false" aria-labelledby="side-nav-foundation-design-tokens"><li class="SubLevel-module_subLevel__2TvTK"><a aria-current="false" href="/hds-demo/header-custom-theme-site/foundation/design-tokens/breakpoints">Breakpoints</a></li><li class="SubLevel-module_subLevel__2TvTK"><a aria-current="false" href="/hds-demo/header-custom-theme-site/foundation/design-tokens/colour">Colour</a></li><li class="SubLevel-module_subLevel__2TvTK"><a aria-current="false" href="/hds-demo/header-custom-theme-site/foundation/design-tokens/spacing">Spacing</a></li><li class="SubLevel-module_subLevel__2TvTK"><a aria-current="false" href="/hds-demo/header-custom-theme-site/foundation/design-tokens/typography">Typography</a></li></ul></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><button type="button" aria-label="Visual assets" aria-current="false" aria-expanded="true" id="side-nav-foundation-visual-assets"><span class="MainLevel-module_label__uWKJ7">Visual assets</span><span class="MainLevel-module_rightIcon__2D9o7" aria-hidden="true"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 11.5L17 16.5L18.5 15L12 8.5L5.5 15L7 16.5L12 11.5Z" fill="currentColor"></path></svg></span></button><ul class="MainLevel-module_mainLevelListMenu__FG6Ed" id="side-nav-foundation-visual-assets-menu" aria-hidden="false" aria-labelledby="side-nav-foundation-visual-assets"><li class="SubLevel-module_subLevel__2TvTK"><a aria-current="false" href="/hds-demo/header-custom-theme-site/foundation/visual-assets/favicon">Favicon</a></li><li class="SubLevel-module_subLevel__2TvTK"><a aria-current="false" href="/hds-demo/header-custom-theme-site/foundation/visual-assets/icons">Icons</a></li><li class="SubLevel-module_subLevel__2TvTK"><a aria-current="false" href="/hds-demo/header-custom-theme-site/foundation/visual-assets/logo">Logo</a></li><li class="SubLevel-module_subLevel__2TvTK"><a aria-current="false" href="/hds-demo/header-custom-theme-site/foundation/visual-assets/placeholders">Placeholders</a></li><li class="SubLevel-module_subLevel__2TvTK"><a aria-current="false" href="/hds-demo/header-custom-theme-site/foundation/visual-assets/wave-motifs">Wave motifs</a></li></ul></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><button type="button" aria-label="Guidelines" aria-current="false" aria-expanded="true" id="side-nav-foundation-guidelines"><span class="MainLevel-module_label__uWKJ7">Guidelines</span><span class="MainLevel-module_rightIcon__2D9o7" aria-hidden="true"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 11.5L17 16.5L18.5 15L12 8.5L5.5 15L7 16.5L12 11.5Z" fill="currentColor"></path></svg></span></button><ul class="MainLevel-module_mainLevelListMenu__FG6Ed" id="side-nav-foundation-guidelines-menu" aria-hidden="false" aria-labelledby="side-nav-foundation-guidelines"><li class="SubLevel-module_subLevel__2TvTK"><a aria-current="false" href="/hds-demo/header-custom-theme-site/foundation/guidelines/checkbox-radiobutton-toggle">Checkboxes, radio buttons, or toggles?</a></li><li class="SubLevel-module_subLevel__2TvTK"><a aria-current="false" href="/hds-demo/header-custom-theme-site/foundation/guidelines/data-formats">Data formats</a></li><li class="SubLevel-module_subLevel__2TvTK"><a aria-current="false" href="/hds-demo/header-custom-theme-site/foundation/guidelines/grid">Grid</a></li><li class="SubLevel-module_subLevel__2TvTK"><a aria-current="false" href="/hds-demo/header-custom-theme-site/foundation/guidelines/inclusivity">Inclusivity</a></li><li class="SubLevel-module_subLevel__2TvTK"><a aria-current="false" href="/hds-demo/header-custom-theme-site/foundation/guidelines/localisation">Localisation</a></li><li class="SubLevel-module_subLevel__2TvTK"><a aria-current="false" href="/hds-demo/header-custom-theme-site/foundation/guidelines/photography">Photography</a></li><li class="SubLevel-module_subLevel__2TvTK"><a aria-current="false" href="/hds-demo/header-custom-theme-site/foundation/guidelines/server-side-rendering">Server-side rendering</a></li></ul></li></ul></nav></aside><main id="content" class="main-content"><h1 id="colour" style="position:relative" class="page-heading-1 heading-xl-mobile">Colour<a href="#colour" aria-label="colour permalink" class="header-anchor after"><span><span class="hds-anchor-icon hds-icon hds-icon--link hds-icon--size-xs" aria-hidden="true" style="vertical-align: middle"></span></span></a></h1>
 <span class="StatusLabel-module_statusLabel__3R2J2 status-label_hds-status-label__1L8YI StatusLabel-module_info__3YrAe status-label_hds-status-label--info__J28-H">Stable</span>
 <p style="font-size:var(--fontsize-body-xl);color:var(--color-black-90);max-width:600px">Colour tokens store the colour variables for styling elements.</p>
-<div class="Tabs-module_tabs__2Ww5F"><div class="Tabs-module_tablistBar__elMv9 page-tabs-list"><div class="Tabs-module_scrollButton__3ufhP" aria-hidden="true"><button type="button" tabindex="-1"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-left" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.5 12L15.5 17L14 18.5L7.5 12L14 5.5L15.5 7L10.5 12Z" fill="currentColor"></path></svg></button></div><div class="Tabs-module_tablist__1iuDO"><ul role="tablist" style="width:0px"><li role="tab" aria-selected="true" aria-controls="tab-0-panel" tabindex="0" id="tab-0-button" class="Tabs-module_tab__3oOoX Tabs-module_active__1Ic3B"><span>Usage</span></li><li role="tab" aria-selected="false" aria-controls="tab-1-panel" tabindex="-1" id="tab-1-button" class="Tabs-module_tab__3oOoX"><span>Accessibility</span></li><li role="tab" aria-selected="false" aria-controls="tab-2-panel" tabindex="-1" id="tab-2-button" class="Tabs-module_tab__3oOoX"><span>Tokens</span></li></ul></div><div class="Tabs-module_scrollButton__3ufhP" aria-hidden="true"><button type="button" tabindex="-1"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-right" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.5 12L8.5 7L10 5.5L16.5 12L10 18.5L8.5 17L13.5 12Z" fill="currentColor"></path></svg></button></div></div><div id="tab-0-panel" role="tabpanel" aria-labelledby="tab-0-button"></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-27" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-27)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
+<div class="Tabs-module_tabs__2Ww5F"><div class="Tabs-module_tablistBar__elMv9 page-tabs-list"><div class="Tabs-module_scrollButton__3ufhP" aria-hidden="true"><button type="button" tabindex="-1"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-left" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.5 12L15.5 17L14 18.5L7.5 12L14 5.5L15.5 7L10.5 12Z" fill="currentColor"></path></svg></button></div><div class="Tabs-module_tablist__1iuDO"><ul role="tablist" style="width:0px"><li role="tab" aria-selected="true" aria-controls="tab-0-panel" tabindex="0" id="tab-0-button" class="Tabs-module_tab__3oOoX Tabs-module_active__1Ic3B"><span>Usage</span></li><li role="tab" aria-selected="false" aria-controls="tab-1-panel" tabindex="-1" id="tab-1-button" class="Tabs-module_tab__3oOoX"><span>Accessibility</span></li><li role="tab" aria-selected="false" aria-controls="tab-2-panel" tabindex="-1" id="tab-2-button" class="Tabs-module_tab__3oOoX"><span>Tokens</span></li></ul></div><div class="Tabs-module_scrollButton__3ufhP" aria-hidden="true"><button type="button" tabindex="-1"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-right" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.5 12L8.5 7L10 5.5L16.5 12L10 18.5L8.5 17L13.5 12Z" fill="currentColor"></path></svg></button></div></div><div id="tab-0-panel" role="tabpanel" aria-labelledby="tab-0-button"></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-28" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-28)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
     window.dev = undefined
     if (window.dev === true || !(navigator.doNotTrack === '1' || window.doNotTrack === '1')) {
       window._paq = window._paq || [];
@@ -83,6 +83,6 @@
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/foundation/design-tokens/colour/tokens/index.html b/docs/header-custom-theme-site/foundation/design-tokens/colour/tokens/index.html
index c6452d9e51..9bcaeeed89 100644
--- a/docs/header-custom-theme-site/foundation/design-tokens/colour/tokens/index.html
+++ b/docs/header-custom-theme-site/foundation/design-tokens/colour/tokens/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Colour tokens - Tokens"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Colour tokens - Tokens"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -88,6 +88,6 @@
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/foundation/design-tokens/spacing/index.html b/docs/header-custom-theme-site/foundation/design-tokens/spacing/index.html
index 97602670d0..0d37baae5d 100644
--- a/docs/header-custom-theme-site/foundation/design-tokens/spacing/index.html
+++ b/docs/header-custom-theme-site/foundation/design-tokens/spacing/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Spacing tokens - Usage"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Spacing tokens - Usage"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -97,6 +97,6 @@ <h3 id="using-spacing-tokens" style="position:relative" class="page-heading-3 he
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/foundation/design-tokens/spacing/tabs/index.html b/docs/header-custom-theme-site/foundation/design-tokens/spacing/tabs/index.html
index f2c11fa291..03b4d24b0e 100644
--- a/docs/header-custom-theme-site/foundation/design-tokens/spacing/tabs/index.html
+++ b/docs/header-custom-theme-site/foundation/design-tokens/spacing/tabs/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Spacing tokens"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Spacing tokens"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -55,7 +55,7 @@
   </script><link rel="manifest" href="/hds-demo/header-custom-theme-site/manifest.webmanifest" crossorigin="anonymous"/><link rel="apple-touch-icon" sizes="any" href="/hds-demo/header-custom-theme-site/favicon/light/favicon-32x32.ico"/><link rel="apple-touch-icon" href="/hds-demo/header-custom-theme-site/favicon/light/apple-touch-icon.png"/><link rel="apple-touch-icon" sizes="192x192" href="/hds-demo/header-custom-theme-site/favicon/light/favicon-192x192.png"/><link rel="apple-touch-icon" sizes="512x512" href="/hds-demo/header-custom-theme-site/favicon/light/favicon-512x512.png"/><link rel="preconnect" href="https://webanalytics.digiaiiris.com/js"/></head><body><div id="___gatsby"><div style="outline:none" tabindex="-1" id="gatsby-focus-wrapper"><div class="page text-body"><header id="page-header" class="Navigation-module_header__2HNOX Navigation-module_theme-light__36nmi pageHeader"><a class="Navigation-module_skipToContent__2p54x" href="#content">Skip to content</a><div class="visible-module_belowM__2GR1J"><div class="Navigation-module_headerBackgroundWrapper__137R3"><div class="Navigation-module_headerContainer__2YPsu"><a class="Navigation-module_title__3zRBe" href="https://hds.hel.fi" aria-label="Helsinki: Helsinki Design System"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Navigation-module_logo__1sEy6" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg><span><div class="page-header-title"><div>Helsinki Design System</div><div class="page-header-title-badge"><img style="filter:invert(1)" alt="HDS version number: 2.15.0" src="https://img.shields.io/github/v/release/City-of-Helsinki/helsinki-design-system?label=&amp;style=for-the-badge&amp;color=1a1a1a"/></div></div></span></a><button aria-label="menu" aria-haspopup="true" aria-expanded="false" type="button" class="Navigation-module_mobileMenuToggle__1v6en"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="menu-hamburger" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M22 17V19H2V17H22ZM22 11V13H2V11H22ZM22 5V7H2V5H22Z" fill="currentColor"></path></svg></button></div></div></div><div class="visible-module_aboveM__31mn_"><div class="Navigation-module_headerBackgroundWrapper__137R3"><div class="Navigation-module_headerContainer__2YPsu"><a class="Navigation-module_title__3zRBe" href="https://hds.hel.fi" aria-label="Helsinki: Helsinki Design System"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Navigation-module_logo__1sEy6" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg><span><div class="page-header-title"><div>Helsinki Design System</div><div class="page-header-title-badge"><img style="filter:invert(1)" alt="HDS version number: 2.15.0" src="https://img.shields.io/github/v/release/City-of-Helsinki/helsinki-design-system?label=&amp;style=for-the-badge&amp;color=1a1a1a"/></div></div></span></a><div class="Navigation-module_headerContent__3zHbK"></div></div></div><nav class="NavigationRow-module_navigation__24tui NavigationRow-module_subNav__3fDXv" aria-label="Site navigation"><a class="NavigationItem-module_rowItem__2QxRz" href="/hds-demo/header-custom-theme-site/getting-started/"><span class="NavigationItem-module_label__1UsXG button_hds-button__label__3r3Mi">Getting started</span></a><a aria-current="page" class="NavigationItem-module_rowItem__2QxRz NavigationItem-module_active__3Ckcw" href="/hds-demo/header-custom-theme-site/foundation/"><span class="NavigationItem-module_label__1UsXG button_hds-button__label__3r3Mi">Foundation</span></a><a class="NavigationItem-module_rowItem__2QxRz" href="/hds-demo/header-custom-theme-site/components/"><span class="NavigationItem-module_label__1UsXG button_hds-button__label__3r3Mi">Components</span></a><a class="NavigationItem-module_rowItem__2QxRz" href="/hds-demo/header-custom-theme-site/patterns/"><span class="NavigationItem-module_label__1UsXG button_hds-button__label__3r3Mi">Patterns</span></a><a class="NavigationItem-module_rowItem__2QxRz" href="/hds-demo/header-custom-theme-site/about/"><span class="NavigationItem-module_label__1UsXG button_hds-button__label__3r3Mi">About</span></a></nav></div></header><div class="page-content"><aside class="side-content"><nav class="SideNavigation-module_sideNavigation__3X-9P" id="side-navigation" aria-label="Foundation"><button type="button" class="Button-module_button__1msFE button_hds-button__2A0je Button-module_secondary__1nABp button_hds-button--secondary__1NOWS Button-module_fullWidth__31eVK button_hds-button--fullwidth__1_hG9 SideNavigation-module_toggleButton__10tXH" aria-controls="side-navigation-menu" aria-expanded="false" aria-haspopup="true"><span class="Button-module_label__a4np1 button_hds-button__label__2EQa-">Navigate to page</span><div class="Button-module_icon__O-h7R button_hds-icon__17j8Z" aria-hidden="true"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-down" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 13.5L17 8.5L18.5 10L12 16.5L5.5 10L7 8.5L12 13.5Z" fill="currentColor"></path></svg></div></button><ul class="SideNavigation-module_mainLevelList__SLZKQ" aria-label="Navigate to page" id="side-navigation-menu"><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Overview" id="side-nav-foundation" href="/hds-demo/header-custom-theme-site/foundation"><span class="MainLevel-module_label__uWKJ7">Overview</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_mainLevelWithDivider__1knXE MainLevel-module_open__2yWFj"><button type="button" aria-label="Design tokens" aria-current="false" aria-expanded="true" id="side-nav-foundation-design-tokens"><span class="MainLevel-module_label__uWKJ7">Design tokens</span><span class="MainLevel-module_rightIcon__2D9o7" aria-hidden="true"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 11.5L17 16.5L18.5 15L12 8.5L5.5 15L7 16.5L12 11.5Z" fill="currentColor"></path></svg></span></button><ul class="MainLevel-module_mainLevelListMenu__FG6Ed" id="side-nav-foundation-design-tokens-menu" aria-hidden="false" aria-labelledby="side-nav-foundation-design-tokens"><li class="SubLevel-module_subLevel__2TvTK"><a aria-current="false" href="/hds-demo/header-custom-theme-site/foundation/design-tokens/breakpoints">Breakpoints</a></li><li class="SubLevel-module_subLevel__2TvTK"><a aria-current="false" href="/hds-demo/header-custom-theme-site/foundation/design-tokens/colour">Colour</a></li><li class="SubLevel-module_subLevel__2TvTK"><a aria-current="false" href="/hds-demo/header-custom-theme-site/foundation/design-tokens/spacing">Spacing</a></li><li class="SubLevel-module_subLevel__2TvTK"><a aria-current="false" href="/hds-demo/header-custom-theme-site/foundation/design-tokens/typography">Typography</a></li></ul></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><button type="button" aria-label="Visual assets" aria-current="false" aria-expanded="true" id="side-nav-foundation-visual-assets"><span class="MainLevel-module_label__uWKJ7">Visual assets</span><span class="MainLevel-module_rightIcon__2D9o7" aria-hidden="true"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 11.5L17 16.5L18.5 15L12 8.5L5.5 15L7 16.5L12 11.5Z" fill="currentColor"></path></svg></span></button><ul class="MainLevel-module_mainLevelListMenu__FG6Ed" id="side-nav-foundation-visual-assets-menu" aria-hidden="false" aria-labelledby="side-nav-foundation-visual-assets"><li class="SubLevel-module_subLevel__2TvTK"><a aria-current="false" href="/hds-demo/header-custom-theme-site/foundation/visual-assets/favicon">Favicon</a></li><li class="SubLevel-module_subLevel__2TvTK"><a aria-current="false" href="/hds-demo/header-custom-theme-site/foundation/visual-assets/icons">Icons</a></li><li class="SubLevel-module_subLevel__2TvTK"><a aria-current="false" href="/hds-demo/header-custom-theme-site/foundation/visual-assets/logo">Logo</a></li><li class="SubLevel-module_subLevel__2TvTK"><a aria-current="false" href="/hds-demo/header-custom-theme-site/foundation/visual-assets/placeholders">Placeholders</a></li><li class="SubLevel-module_subLevel__2TvTK"><a aria-current="false" href="/hds-demo/header-custom-theme-site/foundation/visual-assets/wave-motifs">Wave motifs</a></li></ul></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><button type="button" aria-label="Guidelines" aria-current="false" aria-expanded="true" id="side-nav-foundation-guidelines"><span class="MainLevel-module_label__uWKJ7">Guidelines</span><span class="MainLevel-module_rightIcon__2D9o7" aria-hidden="true"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 11.5L17 16.5L18.5 15L12 8.5L5.5 15L7 16.5L12 11.5Z" fill="currentColor"></path></svg></span></button><ul class="MainLevel-module_mainLevelListMenu__FG6Ed" id="side-nav-foundation-guidelines-menu" aria-hidden="false" aria-labelledby="side-nav-foundation-guidelines"><li class="SubLevel-module_subLevel__2TvTK"><a aria-current="false" href="/hds-demo/header-custom-theme-site/foundation/guidelines/checkbox-radiobutton-toggle">Checkboxes, radio buttons, or toggles?</a></li><li class="SubLevel-module_subLevel__2TvTK"><a aria-current="false" href="/hds-demo/header-custom-theme-site/foundation/guidelines/data-formats">Data formats</a></li><li class="SubLevel-module_subLevel__2TvTK"><a aria-current="false" href="/hds-demo/header-custom-theme-site/foundation/guidelines/grid">Grid</a></li><li class="SubLevel-module_subLevel__2TvTK"><a aria-current="false" href="/hds-demo/header-custom-theme-site/foundation/guidelines/inclusivity">Inclusivity</a></li><li class="SubLevel-module_subLevel__2TvTK"><a aria-current="false" href="/hds-demo/header-custom-theme-site/foundation/guidelines/localisation">Localisation</a></li><li class="SubLevel-module_subLevel__2TvTK"><a aria-current="false" href="/hds-demo/header-custom-theme-site/foundation/guidelines/photography">Photography</a></li><li class="SubLevel-module_subLevel__2TvTK"><a aria-current="false" href="/hds-demo/header-custom-theme-site/foundation/guidelines/server-side-rendering">Server-side rendering</a></li></ul></li></ul></nav></aside><main id="content" class="main-content"><h1 id="spacing" style="position:relative" class="page-heading-1 heading-xl-mobile">Spacing<a href="#spacing" aria-label="spacing permalink" class="header-anchor after"><span><span class="hds-anchor-icon hds-icon hds-icon--link hds-icon--size-xs" aria-hidden="true" style="vertical-align: middle"></span></span></a></h1>
 <span class="StatusLabel-module_statusLabel__3R2J2 status-label_hds-status-label__1L8YI StatusLabel-module_info__3YrAe status-label_hds-status-label--info__J28-H">Stable</span>
 <p style="font-size:var(--fontsize-body-xl);color:var(--color-black-90);max-width:600px">Spacing tokens are used for positioning elements on the page layout and in components.</p>
-<div class="Tabs-module_tabs__2Ww5F"><div class="Tabs-module_tablistBar__elMv9 page-tabs-list"><div class="Tabs-module_scrollButton__3ufhP" aria-hidden="true"><button type="button" tabindex="-1"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-left" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.5 12L15.5 17L14 18.5L7.5 12L14 5.5L15.5 7L10.5 12Z" fill="currentColor"></path></svg></button></div><div class="Tabs-module_tablist__1iuDO"><ul role="tablist" style="width:0px"><li role="tab" aria-selected="true" aria-controls="tab-0-panel" tabindex="0" id="tab-0-button" class="Tabs-module_tab__3oOoX Tabs-module_active__1Ic3B"><span>Usage</span></li><li role="tab" aria-selected="false" aria-controls="tab-1-panel" tabindex="-1" id="tab-1-button" class="Tabs-module_tab__3oOoX"><span>Tokens</span></li></ul></div><div class="Tabs-module_scrollButton__3ufhP" aria-hidden="true"><button type="button" tabindex="-1"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-right" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.5 12L8.5 7L10 5.5L16.5 12L10 18.5L8.5 17L13.5 12Z" fill="currentColor"></path></svg></button></div></div><div id="tab-0-panel" role="tabpanel" aria-labelledby="tab-0-button"></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-14" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-14)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
+<div class="Tabs-module_tabs__2Ww5F"><div class="Tabs-module_tablistBar__elMv9 page-tabs-list"><div class="Tabs-module_scrollButton__3ufhP" aria-hidden="true"><button type="button" tabindex="-1"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-left" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.5 12L15.5 17L14 18.5L7.5 12L14 5.5L15.5 7L10.5 12Z" fill="currentColor"></path></svg></button></div><div class="Tabs-module_tablist__1iuDO"><ul role="tablist" style="width:0px"><li role="tab" aria-selected="true" aria-controls="tab-0-panel" tabindex="0" id="tab-0-button" class="Tabs-module_tab__3oOoX Tabs-module_active__1Ic3B"><span>Usage</span></li><li role="tab" aria-selected="false" aria-controls="tab-1-panel" tabindex="-1" id="tab-1-button" class="Tabs-module_tab__3oOoX"><span>Tokens</span></li></ul></div><div class="Tabs-module_scrollButton__3ufhP" aria-hidden="true"><button type="button" tabindex="-1"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-right" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.5 12L8.5 7L10 5.5L16.5 12L10 18.5L8.5 17L13.5 12Z" fill="currentColor"></path></svg></button></div></div><div id="tab-0-panel" role="tabpanel" aria-labelledby="tab-0-button"></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-15" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-15)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
     window.dev = undefined
     if (window.dev === true || !(navigator.doNotTrack === '1' || window.doNotTrack === '1')) {
       window._paq = window._paq || [];
@@ -83,6 +83,6 @@
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/foundation/design-tokens/spacing/tokens/index.html b/docs/header-custom-theme-site/foundation/design-tokens/spacing/tokens/index.html
index 235384a871..6995a8c821 100644
--- a/docs/header-custom-theme-site/foundation/design-tokens/spacing/tokens/index.html
+++ b/docs/header-custom-theme-site/foundation/design-tokens/spacing/tokens/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Spacing tokens - Tokens"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Spacing tokens - Tokens"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -85,6 +85,6 @@
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/foundation/design-tokens/typography/index.html b/docs/header-custom-theme-site/foundation/design-tokens/typography/index.html
index b86ad2fe91..8cbcf33974 100644
--- a/docs/header-custom-theme-site/foundation/design-tokens/typography/index.html
+++ b/docs/header-custom-theme-site/foundation/design-tokens/typography/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Typography tokens - Usage"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Typography tokens - Usage"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -127,6 +127,6 @@ <h3 id="font-weights" style="position:relative" class="page-heading-3 heading-m"
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/foundation/design-tokens/typography/tabs/index.html b/docs/header-custom-theme-site/foundation/design-tokens/typography/tabs/index.html
index c971c4d1f7..9b73d6414c 100644
--- a/docs/header-custom-theme-site/foundation/design-tokens/typography/tabs/index.html
+++ b/docs/header-custom-theme-site/foundation/design-tokens/typography/tabs/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Typography tokens"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Typography tokens"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -83,6 +83,6 @@
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/foundation/design-tokens/typography/tokens/index.html b/docs/header-custom-theme-site/foundation/design-tokens/typography/tokens/index.html
index a746d64b35..2413f61f00 100644
--- a/docs/header-custom-theme-site/foundation/design-tokens/typography/tokens/index.html
+++ b/docs/header-custom-theme-site/foundation/design-tokens/typography/tokens/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Typography tokens - Tokens"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Typography tokens - Tokens"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -87,6 +87,6 @@
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/foundation/guidelines/checkbox-radiobutton-toggle/index.html b/docs/header-custom-theme-site/foundation/guidelines/checkbox-radiobutton-toggle/index.html
index 52eaa5e33c..19b05a7596 100644
--- a/docs/header-custom-theme-site/foundation/guidelines/checkbox-radiobutton-toggle/index.html
+++ b/docs/header-custom-theme-site/foundation/guidelines/checkbox-radiobutton-toggle/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Checkboxes, radio buttons, or toggles?"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Checkboxes, radio buttons, or toggles?"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -124,6 +124,6 @@ <h2 id="sources-and-further-reading" style="position:relative" class="page-headi
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/foundation/guidelines/data-formats/index.html b/docs/header-custom-theme-site/foundation/guidelines/data-formats/index.html
index fa0963b8df..20295b2770 100644
--- a/docs/header-custom-theme-site/foundation/guidelines/data-formats/index.html
+++ b/docs/header-custom-theme-site/foundation/guidelines/data-formats/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Data formats"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Data formats"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -91,6 +91,6 @@ <h3 id="time-zones" style="position:relative" class="page-heading-3 heading-m">T
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/foundation/guidelines/grid/index.html b/docs/header-custom-theme-site/foundation/guidelines/grid/index.html
index b49fd41c22..6a6618a083 100644
--- a/docs/header-custom-theme-site/foundation/guidelines/grid/index.html
+++ b/docs/header-custom-theme-site/foundation/guidelines/grid/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Grid"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Grid"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -105,6 +105,6 @@ <h3 id="column-stacking" style="position:relative" class="page-heading-3 heading
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/foundation/guidelines/inclusivity/index.html b/docs/header-custom-theme-site/foundation/guidelines/inclusivity/index.html
index d859d6ffe3..599f196b99 100644
--- a/docs/header-custom-theme-site/foundation/guidelines/inclusivity/index.html
+++ b/docs/header-custom-theme-site/foundation/guidelines/inclusivity/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Inclusivity"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Inclusivity"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -131,6 +131,6 @@ <h3 id="making-forms" style="position:relative" class="page-heading-3 heading-m"
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/foundation/guidelines/localisation/index.html b/docs/header-custom-theme-site/foundation/guidelines/localisation/index.html
index bd40d961e7..78e30f19f2 100644
--- a/docs/header-custom-theme-site/foundation/guidelines/localisation/index.html
+++ b/docs/header-custom-theme-site/foundation/guidelines/localisation/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Localisation"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Localisation"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -104,7 +104,7 @@
 </ul>
 </li>
 </ul>
-<div class="hds-table-container" tabindex="0"><table class="hds-table hds-table--dark" aria-label="Service users (dark variant)"><thead><tr class="hds-table__header-row dark"><th scope="col">Locale</th><th scope="col">Language code</th><th scope="col">Verbose</th></tr></thead><tbody class="hds-table__content"><tr><td>Finnish</td><td><code>FI</code></td><td><span lang="fi">Suomeksi (FI)</span></td></tr><tr><td>Swedish</td><td><code>SV</code></td><td><span lang="sv">På svenska (SV)</span></td></tr><tr><td>English</td><td><code>EN</code></td><td><span lang="en">In English (EN)</span></td></tr><tr><td>German</td><td><code>DE</code></td><td><span lang="de">Auf Deutsch (DE)</span></td></tr><tr><td>French</td><td><code>FR</code></td><td><span lang="fr">En français (FR)</span></td></tr><tr><td>Estonian</td><td><code>ET</code></td><td><span lang="et">Eesti keelel (ET)</span></td></tr><tr><td>Spanish</td><td><code>ES</code></td><td><span lang="es">En español (ES)</span></td></tr><tr><td>Northern Sami</td><td><code>SE</code></td><td><span lang="se_no">Davvisámegillii (SE)</span></td></tr><tr><td>Inari Sami</td><td><code>SMI</code></td><td><span lang="se_fi">Anarâškielân (SMI)</span></td></tr><tr><td>Skolt Sami</td><td><code>SKS</code></td><td><span lang="se_se">Nuõrttsää´mǩiõ´lle (SKS)</span></td></tr><tr><td>Somali</td><td><code>SO</code></td><td><span lang="so">Af soomaali (SO)</span></td></tr><tr><td>Russian</td><td><code>RU</code></td><td><span lang="ru">По-русски (RU)</span></td></tr><tr><td>Japanese</td><td><code>JA</code></td><td><span lang="ja">日本語 (JA)</span></td></tr><tr><td>Chinese</td><td><code>ZH</code></td><td><span lang="zh">中文</span> (ZH)</td></tr><tr><td>Arabic</td><td><code>AR</code></td><td><span lang="ar" dir="rtl">بالعربية</span> (AR)</td></tr><tr><td>Fārsī</td><td><code>FA</code></td><td><span lang="fa" dir="rtl">فارسی</span> (FA)</td></tr><tr><td>[Table 1:Language code and verbose for the most used languages in the Helsinki services]</td><td></td><td></td></tr></tbody></table></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-177" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-177)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
+<div class="hds-table-container" tabindex="0"><table class="hds-table hds-table--dark" aria-label="Service users (dark variant)"><thead><tr class="hds-table__header-row dark"><th scope="col">Locale</th><th scope="col">Language code</th><th scope="col">Verbose</th></tr></thead><tbody class="hds-table__content"><tr><td>Finnish</td><td><code>FI</code></td><td><span lang="fi">Suomeksi (FI)</span></td></tr><tr><td>Swedish</td><td><code>SV</code></td><td><span lang="sv">På svenska (SV)</span></td></tr><tr><td>English</td><td><code>EN</code></td><td><span lang="en">In English (EN)</span></td></tr><tr><td>German</td><td><code>DE</code></td><td><span lang="de">Auf Deutsch (DE)</span></td></tr><tr><td>French</td><td><code>FR</code></td><td><span lang="fr">En français (FR)</span></td></tr><tr><td>Estonian</td><td><code>ET</code></td><td><span lang="et">Eesti keelel (ET)</span></td></tr><tr><td>Spanish</td><td><code>ES</code></td><td><span lang="es">En español (ES)</span></td></tr><tr><td>Northern Sami</td><td><code>SE</code></td><td><span lang="se_no">Davvisámegillii (SE)</span></td></tr><tr><td>Inari Sami</td><td><code>SMI</code></td><td><span lang="se_fi">Anarâškielân (SMI)</span></td></tr><tr><td>Skolt Sami</td><td><code>SKS</code></td><td><span lang="se_se">Nuõrttsää´mǩiõ´lle (SKS)</span></td></tr><tr><td>Somali</td><td><code>SO</code></td><td><span lang="so">Af soomaali (SO)</span></td></tr><tr><td>Russian</td><td><code>RU</code></td><td><span lang="ru">По-русски (RU)</span></td></tr><tr><td>Japanese</td><td><code>JA</code></td><td><span lang="ja">日本語 (JA)</span></td></tr><tr><td>Chinese</td><td><code>ZH</code></td><td><span lang="zh">中文</span> (ZH)</td></tr><tr><td>Arabic</td><td><code>AR</code></td><td><span lang="ar" dir="rtl">بالعربية</span> (AR)</td></tr><tr><td>Fārsī</td><td><code>FA</code></td><td><span lang="fa" dir="rtl">فارسی</span> (FA)</td></tr><tr><td>[Table 1:Language code and verbose for the most used languages in the Helsinki services]</td><td></td><td></td></tr></tbody></table></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-178" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-178)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
     window.dev = undefined
     if (window.dev === true || !(navigator.doNotTrack === '1' || window.doNotTrack === '1')) {
       window._paq = window._paq || [];
@@ -132,6 +132,6 @@
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/foundation/guidelines/photography/index.html b/docs/header-custom-theme-site/foundation/guidelines/photography/index.html
index 65eca69833..1f162a0c68 100644
--- a/docs/header-custom-theme-site/foundation/guidelines/photography/index.html
+++ b/docs/header-custom-theme-site/foundation/guidelines/photography/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Photography"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Photography"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -62,7 +62,7 @@
 <li><strong>Original Helsinki:</strong> Helsinki is a city where dissimilarity is appreciated. Here, everyone can be themselves, no matter how eccentric or regular you are.</li>
 </ul>
 <p>In user interfaces, photographs can be used for example in hero elements, text/photo modules or card components.</p>
-<p>See the <a aria-label="Visual Identity Guidelines - Photograph guidelines. Opens a different website." class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F" href="https://brand.hel.fi/en/photograph-guidelines/">Visual Identity Guidelines - Photograph guidelines<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik Link-module_icon__3ReCc link_icon__i_HqN Link-module_verticalAlignMediumIcon__12PVa link_vertical-align-medium-icon__3IWi1" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="link-external" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M5 3V19H21V21H3V3H5ZM21 3V12H19V6.413L9.91421 15.5L8.5 14.0858L17.585 5H12V3H21Z" fill="currentColor"></path></svg></a> for more information on using photographs.</p></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-178" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-178)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
+<p>See the <a aria-label="Visual Identity Guidelines - Photograph guidelines. Opens a different website." class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F" href="https://brand.hel.fi/en/photograph-guidelines/">Visual Identity Guidelines - Photograph guidelines<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik Link-module_icon__3ReCc link_icon__i_HqN Link-module_verticalAlignMediumIcon__12PVa link_vertical-align-medium-icon__3IWi1" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="link-external" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M5 3V19H21V21H3V3H5ZM21 3V12H19V6.413L9.91421 15.5L8.5 14.0858L17.585 5H12V3H21Z" fill="currentColor"></path></svg></a> for more information on using photographs.</p></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-177" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-177)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
     window.dev = undefined
     if (window.dev === true || !(navigator.doNotTrack === '1' || window.doNotTrack === '1')) {
       window._paq = window._paq || [];
@@ -90,6 +90,6 @@
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/foundation/guidelines/server-side-rendering/index.html b/docs/header-custom-theme-site/foundation/guidelines/server-side-rendering/index.html
index 9bec82120b..123aa4ef90 100644
--- a/docs/header-custom-theme-site/foundation/guidelines/server-side-rendering/index.html
+++ b/docs/header-custom-theme-site/foundation/guidelines/server-side-rendering/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Server-side rendering"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Server-side rendering"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -93,8 +93,8 @@ <h3 id="option-1-getcriticalhdsrules-tool-to-get-critical-styles-recommended" st
 a style tag, that we will then inject into the finally rendered HTML document. It can be wise to cache the result of
 <code>getCriticalHdsRules</code> based on the function parameters in order to improve performance.</p>
 <p>See below for more complete examples:</p>
-<div class="Accordion-module_accordion__2fPUT Accordion-module_s__8gw4g custom-theme-170" id="accordion-169"><div class="Accordion-module_accordionHeader__3_uK7"><div role="heading" aria-level="4" id="accordion-169-heading"><div role="button" tabindex="0" class="Accordion-module_headingContainer__1DzX3" aria-labelledby="accordion-169-heading" aria-expanded="false"><span class="label">Next.js</span><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik Accordion-module_accordionButtonIcon__MQu2J" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-down" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 13.5L17 8.5L18.5 10L12 16.5L5.5 10L7 8.5L12 13.5Z" fill="currentColor"></path></svg></div></div></div><div style="display:none" id="accordion-169-content" role="region" class="Accordion-module_accordionContent__1umso Accordion-module_contentWithCloseButton__-einM" aria-labelledby="accordion-169-heading"><p>In the Next.js framework, create a file called _document.js in folder pages, and add this code to it:</p><button aria-label="Close Next.js" type="button" class="Button-module_button__1msFE button_hds-button__2A0je Button-module_supplementary__3YKiS button_hds-button--supplementary__GcHcV Button-module_theme-black__m8giY button_hds-button--theme-black__3K_k4 Button-module_size-small__3lizH button_hds-button--small__2NFef Accordion-module_closeButton__1Qt8U" data-testid="accordion-169-closeButton"><span class="Button-module_label__a4np1 button_hds-button__label__2EQa-">Close</span><div class="Button-module_icon__O-h7R button_hds-icon__17j8Z" aria-hidden="true"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_xs__3kAOj icon_hds-icon--size-xs__3dAMZ Accordion-module_accordionButtonIcon__MQu2J" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 11.5L17 16.5L18.5 15L12 8.5L5.5 15L7 16.5L12 11.5Z" fill="currentColor"></path></svg></div></button></div></div>
-<div class="Accordion-module_accordion__2fPUT Accordion-module_s__8gw4g custom-theme-172" id="accordion-171"><div class="Accordion-module_accordionHeader__3_uK7"><div role="heading" aria-level="4" id="accordion-171-heading"><div role="button" tabindex="0" class="Accordion-module_headingContainer__1DzX3" aria-labelledby="accordion-171-heading" aria-expanded="false"><span class="label">Gatsby</span><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik Accordion-module_accordionButtonIcon__MQu2J" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-down" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 13.5L17 8.5L18.5 10L12 16.5L5.5 10L7 8.5L12 13.5Z" fill="currentColor"></path></svg></div></div></div><div style="display:none" id="accordion-171-content" role="region" class="Accordion-module_accordionContent__1umso Accordion-module_contentWithCloseButton__-einM" aria-labelledby="accordion-171-heading"><p>In the Gatsby framework, create a file called gatsby-ssr.js at the root of the project, and add this code to it:</p><button aria-label="Close Gatsby" type="button" class="Button-module_button__1msFE button_hds-button__2A0je Button-module_supplementary__3YKiS button_hds-button--supplementary__GcHcV Button-module_theme-black__m8giY button_hds-button--theme-black__3K_k4 Button-module_size-small__3lizH button_hds-button--small__2NFef Accordion-module_closeButton__1Qt8U" data-testid="accordion-171-closeButton"><span class="Button-module_label__a4np1 button_hds-button__label__2EQa-">Close</span><div class="Button-module_icon__O-h7R button_hds-icon__17j8Z" aria-hidden="true"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_xs__3kAOj icon_hds-icon--size-xs__3dAMZ Accordion-module_accordionButtonIcon__MQu2J" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 11.5L17 16.5L18.5 15L12 8.5L5.5 15L7 16.5L12 11.5Z" fill="currentColor"></path></svg></div></button></div></div>
+<div class="Accordion-module_accordion__2fPUT Accordion-module_s__8gw4g custom-theme-171" id="accordion-170"><div class="Accordion-module_accordionHeader__3_uK7"><div role="heading" aria-level="4" id="accordion-170-heading"><div role="button" tabindex="0" class="Accordion-module_headingContainer__1DzX3" aria-labelledby="accordion-170-heading" aria-expanded="false"><span class="label">Next.js</span><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik Accordion-module_accordionButtonIcon__MQu2J" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-down" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 13.5L17 8.5L18.5 10L12 16.5L5.5 10L7 8.5L12 13.5Z" fill="currentColor"></path></svg></div></div></div><div style="display:none" id="accordion-170-content" role="region" class="Accordion-module_accordionContent__1umso Accordion-module_contentWithCloseButton__-einM" aria-labelledby="accordion-170-heading"><p>In the Next.js framework, create a file called _document.js in folder pages, and add this code to it:</p><button aria-label="Close Next.js" type="button" class="Button-module_button__1msFE button_hds-button__2A0je Button-module_supplementary__3YKiS button_hds-button--supplementary__GcHcV Button-module_theme-black__m8giY button_hds-button--theme-black__3K_k4 Button-module_size-small__3lizH button_hds-button--small__2NFef Accordion-module_closeButton__1Qt8U" data-testid="accordion-170-closeButton"><span class="Button-module_label__a4np1 button_hds-button__label__2EQa-">Close</span><div class="Button-module_icon__O-h7R button_hds-icon__17j8Z" aria-hidden="true"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_xs__3kAOj icon_hds-icon--size-xs__3dAMZ Accordion-module_accordionButtonIcon__MQu2J" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 11.5L17 16.5L18.5 15L12 8.5L5.5 15L7 16.5L12 11.5Z" fill="currentColor"></path></svg></div></button></div></div>
+<div class="Accordion-module_accordion__2fPUT Accordion-module_s__8gw4g custom-theme-173" id="accordion-172"><div class="Accordion-module_accordionHeader__3_uK7"><div role="heading" aria-level="4" id="accordion-172-heading"><div role="button" tabindex="0" class="Accordion-module_headingContainer__1DzX3" aria-labelledby="accordion-172-heading" aria-expanded="false"><span class="label">Gatsby</span><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik Accordion-module_accordionButtonIcon__MQu2J" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-down" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 13.5L17 8.5L18.5 10L12 16.5L5.5 10L7 8.5L12 13.5Z" fill="currentColor"></path></svg></div></div></div><div style="display:none" id="accordion-172-content" role="region" class="Accordion-module_accordionContent__1umso Accordion-module_contentWithCloseButton__-einM" aria-labelledby="accordion-172-heading"><p>In the Gatsby framework, create a file called gatsby-ssr.js at the root of the project, and add this code to it:</p><button aria-label="Close Gatsby" type="button" class="Button-module_button__1msFE button_hds-button__2A0je Button-module_supplementary__3YKiS button_hds-button--supplementary__GcHcV Button-module_theme-black__m8giY button_hds-button--theme-black__3K_k4 Button-module_size-small__3lizH button_hds-button--small__2NFef Accordion-module_closeButton__1Qt8U" data-testid="accordion-172-closeButton"><span class="Button-module_label__a4np1 button_hds-button__label__2EQa-">Close</span><div class="Button-module_icon__O-h7R button_hds-icon__17j8Z" aria-hidden="true"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_xs__3kAOj icon_hds-icon--size-xs__3dAMZ Accordion-module_accordionButtonIcon__MQu2J" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 11.5L17 16.5L18.5 15L12 8.5L5.5 15L7 16.5L12 11.5Z" fill="currentColor"></path></svg></div></button></div></div>
 <h3 id="option-2-use-indexcss-or-hdsstyles-not-recommended" style="position:relative" class="page-heading-3 heading-m">Option 2: Use index.css or hdsStyles (not recommended)<a href="#option-2-use-indexcss-or-hdsstyles-not-recommended" aria-label="option 2 use indexcss or hdsstyles not recommended permalink" class="header-anchor after"><span><span class="hds-anchor-icon hds-icon hds-icon--link hds-icon--size-xs" aria-hidden="true" style="vertical-align: middle"></span></span></a></h3>
 <p>HDS react provides all the styles of HDS components in a file called <code>index.css</code>, located at the root of the library.
 You can import that file and collect the critical CSS styles from there. Another alternative is to use exported variable
@@ -111,7 +111,7 @@ <h3 id="customising-hds-components-and-server-side-rendering" style="position:re
 first render. The preferred way to customise hds-react components with server-side rendering is using the <code>className</code>
 prop. However, notice that sometimes CSS selector specificity of 0-1-0 may not be enough to overwrite default CSS variables.
 This depends on the CSS declaration order on the page or component&#x27;s default styles selector specificity.
-You may have to use a more specific CSS selector for the custom styles class, for example, <code>#myComponent.custom-class</code>, <code>.custom-class.custom-class</code>, etc.</p></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-173" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-173)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
+You may have to use a more specific CSS selector for the custom styles class, for example, <code>#myComponent.custom-class</code>, <code>.custom-class.custom-class</code>, etc.</p></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-174" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-174)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
     window.dev = undefined
     if (window.dev === true || !(navigator.doNotTrack === '1' || window.doNotTrack === '1')) {
       window._paq = window._paq || [];
@@ -139,6 +139,6 @@ <h3 id="customising-hds-components-and-server-side-rendering" style="position:re
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/foundation/index.html b/docs/header-custom-theme-site/foundation/index.html
index 26836bf48e..1afc161045 100644
--- a/docs/header-custom-theme-site/foundation/index.html
+++ b/docs/header-custom-theme-site/foundation/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Foundations overview"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Foundations overview"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -58,7 +58,7 @@
 <p><strong>Design tokens</strong> are the smallest building blocks of the design system. They are used across all Helsinki products to ensure matching visual identity.</p>
 <p><strong>Visual assets</strong> define the common set of graphical elements used in digital services.</p>
 <p><strong>Guidelines</strong> give answers and suggestions to common situations we come across in digital products. They describe the Helsinki way of solving these issues.</p>
-<div class="image-container"><a class="image-container-link" href="/hds-demo/header-custom-theme-site/images/foundation/foundation.svg" title="The HDS Foundation page image with HDS and HKI texts and design system icons" style="width:100%;max-width:650px;margin:var(--spacing-layout-2-xs) 0"><img class="image-container-image" alt="The HDS Foundation page image with HDS and HKI texts and design system icons" src="/hds-demo/header-custom-theme-site/images/foundation/foundation.svg" style="width:100%;max-width:650px;margin:var(--spacing-layout-2-xs) 0"/></a></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-120" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-120)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a aria-current="page" class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
+<div class="image-container"><a class="image-container-link" href="/hds-demo/header-custom-theme-site/images/foundation/foundation.svg" title="The HDS Foundation page image with HDS and HKI texts and design system icons" style="width:100%;max-width:650px;margin:var(--spacing-layout-2-xs) 0"><img class="image-container-image" alt="The HDS Foundation page image with HDS and HKI texts and design system icons" src="/hds-demo/header-custom-theme-site/images/foundation/foundation.svg" style="width:100%;max-width:650px;margin:var(--spacing-layout-2-xs) 0"/></a></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-122" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-122)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a aria-current="page" class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
     window.dev = undefined
     if (window.dev === true || !(navigator.doNotTrack === '1' || window.doNotTrack === '1')) {
       window._paq = window._paq || [];
@@ -86,6 +86,6 @@
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/foundation/visual-assets/favicon/index.html b/docs/header-custom-theme-site/foundation/visual-assets/favicon/index.html
index 469ced02fa..e057bd6a9d 100644
--- a/docs/header-custom-theme-site/foundation/visual-assets/favicon/index.html
+++ b/docs/header-custom-theme-site/foundation/visual-assets/favicon/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Favicon"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Favicon"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -91,7 +91,7 @@ <h2 id="installation" style="position:relative" class="page-heading-2 heading-l"
 <p><strong>Note</strong> All favicons and app icons have a specific purpose, but you are by no means required to use all of them.</p>
 <h3 id="download" style="position:relative" class="page-heading-3 heading-m">Download<a href="#download" aria-label="download permalink" class="header-anchor after"><span><span class="hds-anchor-icon hds-icon hds-icon--link hds-icon--size-xs" aria-hidden="true" style="vertical-align: middle"></span></span></a></h3>
 <p>The favicon for the City of Helsinki digital services is a minimised version of the Helsinki logo. Various favicons are available as a downloadable ZIP package.</p>
-<p>You can <a aria-label="download the latest HDS Favicon kit from the HDS GitHub repository. Opens a different website." class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F" href="https://github.com/City-of-Helsinki/helsinki-design-system/releases/latest/download/hds-favicon-kit.zip">download the latest HDS Favicon kit from the HDS GitHub repository<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik Link-module_icon__3ReCc link_icon__i_HqN Link-module_verticalAlignMediumIcon__12PVa link_vertical-align-medium-icon__3IWi1" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="link-external" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M5 3V19H21V21H3V3H5ZM21 3V12H19V6.413L9.91421 15.5L8.5 14.0858L17.585 5H12V3H21Z" fill="currentColor"></path></svg></a>.</p></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-174" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-174)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
+<p>You can <a aria-label="download the latest HDS Favicon kit from the HDS GitHub repository. Opens a different website." class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F" href="https://github.com/City-of-Helsinki/helsinki-design-system/releases/latest/download/hds-favicon-kit.zip">download the latest HDS Favicon kit from the HDS GitHub repository<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik Link-module_icon__3ReCc link_icon__i_HqN Link-module_verticalAlignMediumIcon__12PVa link_vertical-align-medium-icon__3IWi1" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="link-external" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M5 3V19H21V21H3V3H5ZM21 3V12H19V6.413L9.91421 15.5L8.5 14.0858L17.585 5H12V3H21Z" fill="currentColor"></path></svg></a>.</p></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-169" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-169)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
     window.dev = undefined
     if (window.dev === true || !(navigator.doNotTrack === '1' || window.doNotTrack === '1')) {
       window._paq = window._paq || [];
@@ -119,6 +119,6 @@ <h3 id="download" style="position:relative" class="page-heading-3 heading-m">Dow
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/foundation/visual-assets/icons/index.html b/docs/header-custom-theme-site/foundation/visual-assets/icons/index.html
index 4a0ca0ccf8..3fe1d7da10 100644
--- a/docs/header-custom-theme-site/foundation/visual-assets/icons/index.html
+++ b/docs/header-custom-theme-site/foundation/visual-assets/icons/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Icons"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Icons"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -82,7 +82,7 @@ <h3 id="colour" style="position:relative" class="page-heading-3 heading-m">Colou
 <ul>
 <li>Other colours should be used sparingly and serve a clear purpose, preferably only highlighting errors and other system statuses.</li>
 <li>See <a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F" href="/hds-demo/header-custom-theme-site/foundation/design-tokens/colour">colour guidelines</a> for further information.</li>
-</ul></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-10" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-10)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
+</ul></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-11" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-11)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
     window.dev = undefined
     if (window.dev === true || !(navigator.doNotTrack === '1' || window.doNotTrack === '1')) {
       window._paq = window._paq || [];
@@ -110,6 +110,6 @@ <h3 id="colour" style="position:relative" class="page-heading-3 heading-m">Colou
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/foundation/visual-assets/icons/list/index.html b/docs/header-custom-theme-site/foundation/visual-assets/icons/list/index.html
index 4cc5d8e9f8..e7b8f93c08 100644
--- a/docs/header-custom-theme-site/foundation/visual-assets/icons/list/index.html
+++ b/docs/header-custom-theme-site/foundation/visual-assets/icons/list/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Icons - List of all icons"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Icons - List of all icons"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -98,6 +98,6 @@ <h3 id="social-media" style="position:relative" class="page-heading-3 heading-m"
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/foundation/visual-assets/icons/tabs/index.html b/docs/header-custom-theme-site/foundation/visual-assets/icons/tabs/index.html
index 367ce71d53..de45542ec0 100644
--- a/docs/header-custom-theme-site/foundation/visual-assets/icons/tabs/index.html
+++ b/docs/header-custom-theme-site/foundation/visual-assets/icons/tabs/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Icons"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Icons"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -82,6 +82,6 @@
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/foundation/visual-assets/logo/index.html b/docs/header-custom-theme-site/foundation/visual-assets/logo/index.html
index 82bdf64fd9..ddf92b5061 100644
--- a/docs/header-custom-theme-site/foundation/visual-assets/logo/index.html
+++ b/docs/header-custom-theme-site/foundation/visual-assets/logo/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Logo"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Logo"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -105,6 +105,6 @@ <h3 id="colour" style="position:relative" class="page-heading-3 heading-m">Colou
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/foundation/visual-assets/placeholders/index.html b/docs/header-custom-theme-site/foundation/visual-assets/placeholders/index.html
index 6dd397ee9b..c5d30a96e8 100644
--- a/docs/header-custom-theme-site/foundation/visual-assets/placeholders/index.html
+++ b/docs/header-custom-theme-site/foundation/visual-assets/placeholders/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Placeholders"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Placeholders"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -73,7 +73,7 @@ <h3 id="image-placeholders" style="position:relative" class="page-heading-3 head
 <h3 id="user-image-placeholders" style="position:relative" class="page-heading-3 heading-m">User image placeholders<a href="#user-image-placeholders" aria-label="user image placeholders permalink" class="header-anchor after"><span><span class="hds-anchor-icon hds-icon hds-icon--link hds-icon--size-xs" aria-hidden="true" style="vertical-align: middle"></span></span></a></h3>
 <p>User image placeholders are used only for replacing missing user profile images.</p>
 <p>You can <a aria-label="download the user image placeholder package (a .zip file). Opens a different website." class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F" href="/images/foundation/visual-assets/placeholders/HDS-placeholder-user-image.zip">download the user image placeholder package (a .zip file)<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik Link-module_icon__3ReCc link_icon__i_HqN Link-module_verticalAlignMediumIcon__12PVa link_vertical-align-medium-icon__3IWi1" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="link-external" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M5 3V19H21V21H3V3H5ZM21 3V12H19V6.413L9.91421 15.5L8.5 14.0858L17.585 5H12V3H21Z" fill="currentColor"></path></svg></a>, or just specific image files by clicking images in the table below and saving them.</p>
-<div class="hds-table-container" tabindex="0"><table class="hds-table hds-table--dark" aria-label="Service users (dark variant)"><thead><tr class="hds-table__header-row dark"><th scope="col">Image</th><th scope="col">Size</th><th scope="col">Dimensions</th><th scope="col">Scale</th><th scope="col">Pixel size</th></tr></thead><tbody class="hds-table__content"><tr><td><div class="image-container"><a class="image-container-link" href="/hds-demo/header-custom-theme-site/images/foundation/visual-assets/placeholders/user-image-s.png" title="Open placeholder user image Small" style="width:100%;maxwidth:42px"><img class="image-container-image" alt="Open placeholder user image Small" src="/hds-demo/header-custom-theme-site/images/foundation/visual-assets/placeholders/user-image-s.png" style="width:100%;maxwidth:42px"/></a></div></td><td><strong>Small</strong></td><td>42 x 42 dp</td><td></td><td>42 x 42 px</td></tr><tr><td><div class="image-container"><a class="image-container-link" href="/hds-demo/header-custom-theme-site/images/foundation/visual-assets/placeholders/user-image-s@2x.png" title="Open placeholder user image Small @2x scale" style="width:100%;maxwidth:42px"><img class="image-container-image" alt="Open placeholder user image Small @2x scale" src="/hds-demo/header-custom-theme-site/images/foundation/visual-assets/placeholders/user-image-s@2x.png" style="width:100%;maxwidth:42px"/></a></div></td><td><strong>Small</strong></td><td>42 x 42 dp</td><td>@2x</td><td>84 x 84 px</td></tr><tr><td><div class="image-container"><a class="image-container-link" href="/hds-demo/header-custom-theme-site/images/foundation/visual-assets/placeholders/user-image-s@3x.png" title="Open placeholder user image Small @3x scale" style="width:100%;maxwidth:42px"><img class="image-container-image" alt="Open placeholder user image Small @3x scale" src="/hds-demo/header-custom-theme-site/images/foundation/visual-assets/placeholders/user-image-s@3x.png" style="width:100%;maxwidth:42px"/></a></div></td><td><strong>Small</strong></td><td>42 x 42 dp</td><td>@3x</td><td>126 x 126 px</td></tr><tr><td><div class="image-container"><a class="image-container-link" href="/hds-demo/header-custom-theme-site/images/foundation/visual-assets/placeholders/user-image-m.png" title="Open placeholder user image Medium" style="width:100%;maxwidth:96px"><img class="image-container-image" alt="Open placeholder user image Medium" src="/hds-demo/header-custom-theme-site/images/foundation/visual-assets/placeholders/user-image-m.png" style="width:100%;maxwidth:96px"/></a></div></td><td><strong>Medium</strong></td><td>96 x 96 dp</td><td></td><td>96 x 96 px</td></tr><tr><td><div class="image-container"><a class="image-container-link" href="/hds-demo/header-custom-theme-site/images/foundation/visual-assets/placeholders/user-image-m@2x.png" title="Open placeholder user image Medium @2x scale" style="width:100%;maxwidth:96px"><img class="image-container-image" alt="Open placeholder user image Medium @2x scale" src="/hds-demo/header-custom-theme-site/images/foundation/visual-assets/placeholders/user-image-m@2x.png" style="width:100%;maxwidth:96px"/></a></div></td><td><strong>Medium</strong></td><td>96 x 96 dp</td><td>@2x</td><td>192 x 192 px</td></tr><tr><td><div class="image-container"><a class="image-container-link" href="/hds-demo/header-custom-theme-site/images/foundation/visual-assets/placeholders/user-image-m@3x.png" title="Open placeholder user image Medium @3x scale" style="width:100%;maxwidth:96px"><img class="image-container-image" alt="Open placeholder user image Medium @3x scale" src="/hds-demo/header-custom-theme-site/images/foundation/visual-assets/placeholders/user-image-m@3x.png" style="width:100%;maxwidth:96px"/></a></div></td><td><strong>Medium</strong></td><td>96 x 96 dp</td><td>@3x</td><td>288 x 288 px</td></tr><tr><td><div class="image-container"><a class="image-container-link" href="/hds-demo/header-custom-theme-site/images/foundation/visual-assets/placeholders/user-image-l.png" title="Open placeholder user image Large" style="width:100%;maxwidth:128px"><img class="image-container-image" alt="Open placeholder user image Large" src="/hds-demo/header-custom-theme-site/images/foundation/visual-assets/placeholders/user-image-l.png" style="width:100%;maxwidth:128px"/></a></div></td><td><strong>Large</strong></td><td>128 x 128 dp</td><td></td><td>128 x 128 px</td></tr><tr><td><div class="image-container"><a class="image-container-link" href="/hds-demo/header-custom-theme-site/images/foundation/visual-assets/placeholders/user-image-l@2x.png" title="Open placeholder user image Large @2x scale" style="width:100%;maxwidth:128px"><img class="image-container-image" alt="Open placeholder user image Large @2x scale" src="/hds-demo/header-custom-theme-site/images/foundation/visual-assets/placeholders/user-image-l@2x.png" style="width:100%;maxwidth:128px"/></a></div></td><td><strong>Large</strong></td><td>128 x 128 dp</td><td>@2x</td><td>256 x 256 px</td></tr><tr><td><div class="image-container"><a class="image-container-link" href="/hds-demo/header-custom-theme-site/images/foundation/visual-assets/placeholders/user-image-l@3x.png" title="Open placeholder user image Large @3x scale" style="width:100%;maxwidth:128px"><img class="image-container-image" alt="Open placeholder user image Large @3x scale" src="/hds-demo/header-custom-theme-site/images/foundation/visual-assets/placeholders/user-image-l@3x.png" style="width:100%;maxwidth:128px"/></a></div></td><td><strong>Large</strong></td><td>128 x 128 dp</td><td>@3x</td><td>384 x 384 px</td></tr><tr><td>[Table 2:User image placeholders]</td><td></td><td></td><td></td><td></td></tr></tbody></table></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-161" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-161)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
+<div class="hds-table-container" tabindex="0"><table class="hds-table hds-table--dark" aria-label="Service users (dark variant)"><thead><tr class="hds-table__header-row dark"><th scope="col">Image</th><th scope="col">Size</th><th scope="col">Dimensions</th><th scope="col">Scale</th><th scope="col">Pixel size</th></tr></thead><tbody class="hds-table__content"><tr><td><div class="image-container"><a class="image-container-link" href="/hds-demo/header-custom-theme-site/images/foundation/visual-assets/placeholders/user-image-s.png" title="Open placeholder user image Small" style="width:100%;maxwidth:42px"><img class="image-container-image" alt="Open placeholder user image Small" src="/hds-demo/header-custom-theme-site/images/foundation/visual-assets/placeholders/user-image-s.png" style="width:100%;maxwidth:42px"/></a></div></td><td><strong>Small</strong></td><td>42 x 42 dp</td><td></td><td>42 x 42 px</td></tr><tr><td><div class="image-container"><a class="image-container-link" href="/hds-demo/header-custom-theme-site/images/foundation/visual-assets/placeholders/user-image-s@2x.png" title="Open placeholder user image Small @2x scale" style="width:100%;maxwidth:42px"><img class="image-container-image" alt="Open placeholder user image Small @2x scale" src="/hds-demo/header-custom-theme-site/images/foundation/visual-assets/placeholders/user-image-s@2x.png" style="width:100%;maxwidth:42px"/></a></div></td><td><strong>Small</strong></td><td>42 x 42 dp</td><td>@2x</td><td>84 x 84 px</td></tr><tr><td><div class="image-container"><a class="image-container-link" href="/hds-demo/header-custom-theme-site/images/foundation/visual-assets/placeholders/user-image-s@3x.png" title="Open placeholder user image Small @3x scale" style="width:100%;maxwidth:42px"><img class="image-container-image" alt="Open placeholder user image Small @3x scale" src="/hds-demo/header-custom-theme-site/images/foundation/visual-assets/placeholders/user-image-s@3x.png" style="width:100%;maxwidth:42px"/></a></div></td><td><strong>Small</strong></td><td>42 x 42 dp</td><td>@3x</td><td>126 x 126 px</td></tr><tr><td><div class="image-container"><a class="image-container-link" href="/hds-demo/header-custom-theme-site/images/foundation/visual-assets/placeholders/user-image-m.png" title="Open placeholder user image Medium" style="width:100%;maxwidth:96px"><img class="image-container-image" alt="Open placeholder user image Medium" src="/hds-demo/header-custom-theme-site/images/foundation/visual-assets/placeholders/user-image-m.png" style="width:100%;maxwidth:96px"/></a></div></td><td><strong>Medium</strong></td><td>96 x 96 dp</td><td></td><td>96 x 96 px</td></tr><tr><td><div class="image-container"><a class="image-container-link" href="/hds-demo/header-custom-theme-site/images/foundation/visual-assets/placeholders/user-image-m@2x.png" title="Open placeholder user image Medium @2x scale" style="width:100%;maxwidth:96px"><img class="image-container-image" alt="Open placeholder user image Medium @2x scale" src="/hds-demo/header-custom-theme-site/images/foundation/visual-assets/placeholders/user-image-m@2x.png" style="width:100%;maxwidth:96px"/></a></div></td><td><strong>Medium</strong></td><td>96 x 96 dp</td><td>@2x</td><td>192 x 192 px</td></tr><tr><td><div class="image-container"><a class="image-container-link" href="/hds-demo/header-custom-theme-site/images/foundation/visual-assets/placeholders/user-image-m@3x.png" title="Open placeholder user image Medium @3x scale" style="width:100%;maxwidth:96px"><img class="image-container-image" alt="Open placeholder user image Medium @3x scale" src="/hds-demo/header-custom-theme-site/images/foundation/visual-assets/placeholders/user-image-m@3x.png" style="width:100%;maxwidth:96px"/></a></div></td><td><strong>Medium</strong></td><td>96 x 96 dp</td><td>@3x</td><td>288 x 288 px</td></tr><tr><td><div class="image-container"><a class="image-container-link" href="/hds-demo/header-custom-theme-site/images/foundation/visual-assets/placeholders/user-image-l.png" title="Open placeholder user image Large" style="width:100%;maxwidth:128px"><img class="image-container-image" alt="Open placeholder user image Large" src="/hds-demo/header-custom-theme-site/images/foundation/visual-assets/placeholders/user-image-l.png" style="width:100%;maxwidth:128px"/></a></div></td><td><strong>Large</strong></td><td>128 x 128 dp</td><td></td><td>128 x 128 px</td></tr><tr><td><div class="image-container"><a class="image-container-link" href="/hds-demo/header-custom-theme-site/images/foundation/visual-assets/placeholders/user-image-l@2x.png" title="Open placeholder user image Large @2x scale" style="width:100%;maxwidth:128px"><img class="image-container-image" alt="Open placeholder user image Large @2x scale" src="/hds-demo/header-custom-theme-site/images/foundation/visual-assets/placeholders/user-image-l@2x.png" style="width:100%;maxwidth:128px"/></a></div></td><td><strong>Large</strong></td><td>128 x 128 dp</td><td>@2x</td><td>256 x 256 px</td></tr><tr><td><div class="image-container"><a class="image-container-link" href="/hds-demo/header-custom-theme-site/images/foundation/visual-assets/placeholders/user-image-l@3x.png" title="Open placeholder user image Large @3x scale" style="width:100%;maxwidth:128px"><img class="image-container-image" alt="Open placeholder user image Large @3x scale" src="/hds-demo/header-custom-theme-site/images/foundation/visual-assets/placeholders/user-image-l@3x.png" style="width:100%;maxwidth:128px"/></a></div></td><td><strong>Large</strong></td><td>128 x 128 dp</td><td>@3x</td><td>384 x 384 px</td></tr><tr><td>[Table 2:User image placeholders]</td><td></td><td></td><td></td><td></td></tr></tbody></table></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-160" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-160)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
     window.dev = undefined
     if (window.dev === true || !(navigator.doNotTrack === '1' || window.doNotTrack === '1')) {
       window._paq = window._paq || [];
@@ -101,6 +101,6 @@ <h3 id="user-image-placeholders" style="position:relative" class="page-heading-3
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/foundation/visual-assets/wave-motifs/index.html b/docs/header-custom-theme-site/foundation/visual-assets/wave-motifs/index.html
index 9ddf507070..776b6130b1 100644
--- a/docs/header-custom-theme-site/foundation/visual-assets/wave-motifs/index.html
+++ b/docs/header-custom-theme-site/foundation/visual-assets/wave-motifs/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Wave motifs"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Wave motifs"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -168,6 +168,6 @@ <h2 id="further-reading" style="position:relative" class="page-heading-2 heading
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/getting-started/contributing/design/index.html b/docs/header-custom-theme-site/getting-started/contributing/design/index.html
index 693b11f5bc..4d4329fccb 100644
--- a/docs/header-custom-theme-site/getting-started/contributing/design/index.html
+++ b/docs/header-custom-theme-site/getting-started/contributing/design/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Design"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Design"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -359,6 +359,6 @@ <h3 id="symbols-and-overrides" style="position:relative" class="page-heading-3 h
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/getting-started/contributing/documentation/index.html b/docs/header-custom-theme-site/getting-started/contributing/documentation/index.html
index 15c7864e65..b4dfb63fa6 100644
--- a/docs/header-custom-theme-site/getting-started/contributing/documentation/index.html
+++ b/docs/header-custom-theme-site/getting-started/contributing/documentation/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Documentation"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Documentation"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -94,6 +94,6 @@ <h3 id="general-guidelines-for-writing-documentation" style="position:relative"
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/getting-started/contributing/how-to-contribute/index.html b/docs/header-custom-theme-site/getting-started/contributing/how-to-contribute/index.html
index 90003e02d1..8382e50114 100644
--- a/docs/header-custom-theme-site/getting-started/contributing/how-to-contribute/index.html
+++ b/docs/header-custom-theme-site/getting-started/contributing/how-to-contribute/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | How to contribute"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | How to contribute"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -129,6 +129,6 @@ <h3 id="3-if-not-find-out-if-is-this-component-something-that-is-needed-in-sever
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/getting-started/contributing/icons/index.html b/docs/header-custom-theme-site/getting-started/contributing/icons/index.html
index 6645e972c4..40a4a7c0f2 100644
--- a/docs/header-custom-theme-site/getting-started/contributing/icons/index.html
+++ b/docs/header-custom-theme-site/getting-started/contributing/icons/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Icons"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Icons"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -139,6 +139,6 @@ <h2 id="step-by-step-instructions" style="position:relative" class="page-heading
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/getting-started/contributing/implementation/index.html b/docs/header-custom-theme-site/getting-started/contributing/implementation/index.html
index edcb5399a2..ebca4880dc 100644
--- a/docs/header-custom-theme-site/getting-started/contributing/implementation/index.html
+++ b/docs/header-custom-theme-site/getting-started/contributing/implementation/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Implementation"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Implementation"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -120,6 +120,6 @@ <h4 id="testing" style="position:relative" class="page-heading-4 heading-s">Test
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/getting-started/designer/index.html b/docs/header-custom-theme-site/getting-started/designer/index.html
index cef3fa0827..6c5a3ff296 100644
--- a/docs/header-custom-theme-site/getting-started/designer/index.html
+++ b/docs/header-custom-theme-site/getting-started/designer/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Designer"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Designer"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -134,7 +134,7 @@ <h3 id="styling-text-elements" style="position:relative" class="page-heading-3 h
 <ol start="2">
 <li>You can give text styles to existing text elements by selecting the text element and changing its style from the <em>Appearance</em> sidebar.</li>
 </ol>
-<p style="font-size:var(--fontsize-body-xl);color:var(--color-black-90);max-width:600px;width:100%;maxwidth:850px;marginbottom:24px"></p></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-119" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-119)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
+<p style="font-size:var(--fontsize-body-xl);color:var(--color-black-90);max-width:600px;width:100%;maxwidth:850px;marginbottom:24px"></p></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-118" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-118)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
     window.dev = undefined
     if (window.dev === true || !(navigator.doNotTrack === '1' || window.doNotTrack === '1')) {
       window._paq = window._paq || [];
@@ -162,6 +162,6 @@ <h3 id="styling-text-elements" style="position:relative" class="page-heading-3 h
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/getting-started/developer/index.html b/docs/header-custom-theme-site/getting-started/developer/index.html
index 620e83dc6b..d2b4958063 100644
--- a/docs/header-custom-theme-site/getting-started/developer/index.html
+++ b/docs/header-custom-theme-site/getting-started/developer/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Developer"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Developer"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -85,7 +85,7 @@ <h2 id="supporting-disabled-javascript" style="position:relative" class="page-he
 <p>JavaScript is required to be enabled in the web browser to guarantee full functionality of Helsinki city&#x27;s web services. Refer to the <a aria-label="Noscript guide. Opens in a new tab Opens a different website." class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F" href="https://github.com/City-of-Helsinki/helsinki-design-system/blob/master/NOSCRIPT.md" target="_blank" rel="noopener">Noscript guide<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik Link-module_icon__3ReCc link_icon__i_HqN Link-module_verticalAlignMediumIcon__12PVa link_vertical-align-medium-icon__3IWi1" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="link-external" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M5 3V19H21V21H3V3H5ZM21 3V12H19V6.413L9.91421 15.5L8.5 14.0858L17.585 5H12V3H21Z" fill="currentColor"></path></svg></a> on how to provide a fallback.</p>
 <h2 id="wordpress-and-drupal" style="position:relative" class="page-heading-2 heading-l">WordPress and Drupal<a href="#wordpress-and-drupal" aria-label="wordpress and drupal permalink" class="header-anchor after"><span><span class="hds-anchor-icon hds-icon hds-icon--link hds-icon--size-xs" aria-hidden="true" style="vertical-align: middle"></span></span></a></h2>
 <p>While HDS does not currently offer WordPress or Drupal implementations, HDS cooperates with multiple WordPress and Drupal projects in the City of Helsinki. Many of these projects have already implemented HDS components which can be reused in other projects.</p>
-<p>If your project is using either WordPress or Drupal, please contact <a href="mailto:ketu@hel.fi">ketu@hel.fi</a> to learn about available implementations that follow HDS.</p></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-116" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-116)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
+<p>If your project is using either WordPress or Drupal, please contact <a href="mailto:ketu@hel.fi">ketu@hel.fi</a> to learn about available implementations that follow HDS.</p></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-117" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-117)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
     window.dev = undefined
     if (window.dev === true || !(navigator.doNotTrack === '1' || window.doNotTrack === '1')) {
       window._paq = window._paq || [];
@@ -113,6 +113,6 @@ <h2 id="wordpress-and-drupal" style="position:relative" class="page-heading-2 he
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/getting-started/faq/accessibility/index.html b/docs/header-custom-theme-site/getting-started/faq/accessibility/index.html
index 8a96e2b4e6..62edb75607 100644
--- a/docs/header-custom-theme-site/getting-started/faq/accessibility/index.html
+++ b/docs/header-custom-theme-site/getting-started/faq/accessibility/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Frequently asked questions"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Frequently asked questions"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -55,16 +55,16 @@
   </script><link rel="manifest" href="/hds-demo/header-custom-theme-site/manifest.webmanifest" crossorigin="anonymous"/><link rel="apple-touch-icon" sizes="any" href="/hds-demo/header-custom-theme-site/favicon/light/favicon-32x32.ico"/><link rel="apple-touch-icon" href="/hds-demo/header-custom-theme-site/favicon/light/apple-touch-icon.png"/><link rel="apple-touch-icon" sizes="192x192" href="/hds-demo/header-custom-theme-site/favicon/light/favicon-192x192.png"/><link rel="apple-touch-icon" sizes="512x512" href="/hds-demo/header-custom-theme-site/favicon/light/favicon-512x512.png"/><link rel="preconnect" href="https://webanalytics.digiaiiris.com/js"/></head><body><div id="___gatsby"><div style="outline:none" tabindex="-1" id="gatsby-focus-wrapper"><div class="page text-body"><header id="page-header" class="Navigation-module_header__2HNOX Navigation-module_theme-light__36nmi pageHeader"><a class="Navigation-module_skipToContent__2p54x" href="#content">Skip to content</a><div class="visible-module_belowM__2GR1J"><div class="Navigation-module_headerBackgroundWrapper__137R3"><div class="Navigation-module_headerContainer__2YPsu"><a class="Navigation-module_title__3zRBe" href="https://hds.hel.fi" aria-label="Helsinki: Helsinki Design System"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Navigation-module_logo__1sEy6" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg><span><div class="page-header-title"><div>Helsinki Design System</div><div class="page-header-title-badge"><img style="filter:invert(1)" alt="HDS version number: 2.15.0" src="https://img.shields.io/github/v/release/City-of-Helsinki/helsinki-design-system?label=&amp;style=for-the-badge&amp;color=1a1a1a"/></div></div></span></a><button aria-label="menu" aria-haspopup="true" aria-expanded="false" type="button" class="Navigation-module_mobileMenuToggle__1v6en"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="menu-hamburger" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M22 17V19H2V17H22ZM22 11V13H2V11H22ZM22 5V7H2V5H22Z" fill="currentColor"></path></svg></button></div></div></div><div class="visible-module_aboveM__31mn_"><div class="Navigation-module_headerBackgroundWrapper__137R3"><div class="Navigation-module_headerContainer__2YPsu"><a class="Navigation-module_title__3zRBe" href="https://hds.hel.fi" aria-label="Helsinki: Helsinki Design System"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Navigation-module_logo__1sEy6" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg><span><div class="page-header-title"><div>Helsinki Design System</div><div class="page-header-title-badge"><img style="filter:invert(1)" alt="HDS version number: 2.15.0" src="https://img.shields.io/github/v/release/City-of-Helsinki/helsinki-design-system?label=&amp;style=for-the-badge&amp;color=1a1a1a"/></div></div></span></a><div class="Navigation-module_headerContent__3zHbK"></div></div></div><nav class="NavigationRow-module_navigation__24tui NavigationRow-module_subNav__3fDXv" aria-label="Site navigation"><a aria-current="page" class="NavigationItem-module_rowItem__2QxRz NavigationItem-module_active__3Ckcw" href="/hds-demo/header-custom-theme-site/getting-started/"><span class="NavigationItem-module_label__1UsXG button_hds-button__label__3r3Mi">Getting started</span></a><a class="NavigationItem-module_rowItem__2QxRz" href="/hds-demo/header-custom-theme-site/foundation/"><span class="NavigationItem-module_label__1UsXG button_hds-button__label__3r3Mi">Foundation</span></a><a class="NavigationItem-module_rowItem__2QxRz" href="/hds-demo/header-custom-theme-site/components/"><span class="NavigationItem-module_label__1UsXG button_hds-button__label__3r3Mi">Components</span></a><a class="NavigationItem-module_rowItem__2QxRz" href="/hds-demo/header-custom-theme-site/patterns/"><span class="NavigationItem-module_label__1UsXG button_hds-button__label__3r3Mi">Patterns</span></a><a class="NavigationItem-module_rowItem__2QxRz" href="/hds-demo/header-custom-theme-site/about/"><span class="NavigationItem-module_label__1UsXG button_hds-button__label__3r3Mi">About</span></a></nav></div></header><div class="page-content"><aside class="side-content"><nav class="SideNavigation-module_sideNavigation__3X-9P" id="side-navigation" aria-label="Getting started"><button type="button" class="Button-module_button__1msFE button_hds-button__2A0je Button-module_secondary__1nABp button_hds-button--secondary__1NOWS Button-module_fullWidth__31eVK button_hds-button--fullwidth__1_hG9 SideNavigation-module_toggleButton__10tXH" aria-controls="side-navigation-menu" aria-expanded="false" aria-haspopup="true"><span class="Button-module_label__a4np1 button_hds-button__label__2EQa-">Navigate to page</span><div class="Button-module_icon__O-h7R button_hds-icon__17j8Z" aria-hidden="true"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-down" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 13.5L17 8.5L18.5 10L12 16.5L5.5 10L7 8.5L12 13.5Z" fill="currentColor"></path></svg></div></button><ul class="SideNavigation-module_mainLevelList__SLZKQ" aria-label="Navigate to page" id="side-navigation-menu"><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Getting started" id="side-nav-getting-started" href="/hds-demo/header-custom-theme-site/getting-started"><span class="MainLevel-module_label__uWKJ7">Getting started</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_mainLevelWithDivider__1knXE MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Designer" id="side-nav-getting-started-designer" href="/hds-demo/header-custom-theme-site/getting-started/designer"><span class="MainLevel-module_label__uWKJ7">Designer</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Developer" id="side-nav-getting-started-developer" href="/hds-demo/header-custom-theme-site/getting-started/developer"><span class="MainLevel-module_label__uWKJ7">Developer</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_mainLevelWithDivider__1knXE MainLevel-module_open__2yWFj"><button type="button" aria-label="Contributing" aria-current="false" aria-expanded="true" id="side-nav-getting-started-contributing"><span class="MainLevel-module_label__uWKJ7">Contributing</span><span class="MainLevel-module_rightIcon__2D9o7" aria-hidden="true"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 11.5L17 16.5L18.5 15L12 8.5L5.5 15L7 16.5L12 11.5Z" fill="currentColor"></path></svg></span></button><ul class="MainLevel-module_mainLevelListMenu__FG6Ed" id="side-nav-getting-started-contributing-menu" aria-hidden="false" aria-labelledby="side-nav-getting-started-contributing"><li class="SubLevel-module_subLevel__2TvTK"><a aria-current="false" href="/hds-demo/header-custom-theme-site/getting-started/contributing/design">Design</a></li><li class="SubLevel-module_subLevel__2TvTK"><a aria-current="false" href="/hds-demo/header-custom-theme-site/getting-started/contributing/documentation">Documentation</a></li><li class="SubLevel-module_subLevel__2TvTK"><a aria-current="false" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute">How to contribute</a></li><li class="SubLevel-module_subLevel__2TvTK"><a aria-current="false" href="/hds-demo/header-custom-theme-site/getting-started/contributing/icons">Icons</a></li><li class="SubLevel-module_subLevel__2TvTK"><a aria-current="false" href="/hds-demo/header-custom-theme-site/getting-started/contributing/implementation">Implementation</a></li></ul></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_mainLevelWithDivider__1knXE MainLevel-module_active__3IkdI MainLevel-module_open__2yWFj"><a aria-current="page" aria-label="FAQ" id="side-nav-getting-started-faq" href="/hds-demo/header-custom-theme-site/getting-started/faq"><span class="MainLevel-module_label__uWKJ7">FAQ</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_mainLevelWithDivider__1knXE MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Versioning" id="side-nav-getting-started-versioning" href="/hds-demo/header-custom-theme-site/getting-started/versioning"><span class="MainLevel-module_label__uWKJ7">Versioning</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><button type="button" aria-label="Tutorials" aria-current="false" aria-expanded="true" id="side-nav-getting-started-tutorials"><span class="MainLevel-module_label__uWKJ7">Tutorials</span><span class="MainLevel-module_rightIcon__2D9o7" aria-hidden="true"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 11.5L17 16.5L18.5 15L12 8.5L5.5 15L7 16.5L12 11.5Z" fill="currentColor"></path></svg></span></button><ul class="MainLevel-module_mainLevelListMenu__FG6Ed" id="side-nav-getting-started-tutorials-menu" aria-hidden="false" aria-labelledby="side-nav-getting-started-tutorials"><li class="SubLevel-module_subLevel__2TvTK"><a aria-current="false" href="/hds-demo/header-custom-theme-site/getting-started/tutorials/abstract-tutorial">Abstract basics</a></li></ul></li></ul></nav></aside><main id="content" class="main-content"><h1 id="frequently-asked-questions" style="position:relative" class="page-heading-1 heading-xl-mobile">Frequently asked questions<a href="#frequently-asked-questions" aria-label="frequently asked questions permalink" class="header-anchor after"><span><span class="hds-anchor-icon hds-icon hds-icon--link hds-icon--size-xs" aria-hidden="true" style="vertical-align: middle"></span></span></a></h1>
 <p style="font-size:var(--fontsize-body-xl);color:var(--color-black-90);max-width:600px">Here you will find frequently asked questions about HDS and answers to those questions. If you do not find an answer to your question on this page, you can always contact the HDS team for more information.</p>
 <div class="Tabs-module_tabs__2Ww5F"><div class="Tabs-module_tablistBar__elMv9 page-tabs-list"><div class="Tabs-module_scrollButton__3ufhP" aria-hidden="true"><button type="button" tabindex="-1"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-left" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.5 12L15.5 17L14 18.5L7.5 12L14 5.5L15.5 7L10.5 12Z" fill="currentColor"></path></svg></button></div><div class="Tabs-module_tablist__1iuDO"><ul role="tablist" style="width:0px"><li role="tab" aria-selected="false" aria-controls="tab-0-panel" tabindex="-1" id="tab-0-button" class="Tabs-module_tab__3oOoX"><span>General</span></li><li role="tab" aria-selected="false" aria-controls="tab-1-panel" tabindex="-1" id="tab-1-button" class="Tabs-module_tab__3oOoX"><span>Design</span></li><li role="tab" aria-selected="false" aria-controls="tab-2-panel" tabindex="-1" id="tab-2-button" class="Tabs-module_tab__3oOoX"><span>Code</span></li><li role="tab" aria-selected="true" aria-controls="tab-3-panel" tabindex="0" id="tab-3-button" class="Tabs-module_tab__3oOoX Tabs-module_active__1Ic3B"><span>Accessibility</span></li></ul></div><div class="Tabs-module_scrollButton__3ufhP" aria-hidden="true"><button type="button" tabindex="-1"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-right" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.5 12L8.5 7L10 5.5L16.5 12L10 18.5L8.5 17L13.5 12Z" fill="currentColor"></path></svg></button></div></div><div id="tab-3-panel" role="tabpanel" aria-labelledby="tab-3-button"><h2 id="accessibility" style="position:relative" class="page-heading-2 heading-l">Accessibility<a href="#accessibility" aria-label="accessibility permalink" class="header-anchor after"><span><span class="hds-anchor-icon hds-icon hds-icon--link hds-icon--size-xs" aria-hidden="true" style="vertical-align: middle"></span></span></a></h2>
-<div class="Accordion-module_accordion__2fPUT Accordion-module_m__2k6QY custom-theme-133" id="accordion-132"><div class="Accordion-module_accordionHeader__3_uK7"><div role="heading" aria-level="3" id="accordion-132-heading"><div role="button" tabindex="0" class="Accordion-module_headingContainer__1DzX3" aria-labelledby="accordion-132-heading" aria-expanded="false"><span class="label">If our project uses HDS, do we need to worry about accessibility?</span><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik Accordion-module_accordionButtonIcon__MQu2J" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-down" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 13.5L17 8.5L18.5 10L12 16.5L5.5 10L7 8.5L12 13.5Z" fill="currentColor"></path></svg></div></div></div><div style="display:none" id="accordion-132-content" role="region" class="Accordion-module_accordionContent__1umso Accordion-module_contentWithCloseButton__-einM" aria-labelledby="accordion-132-heading"><p>HDS ensures that its components are accessible. This does not mean that a project build with these components is accessible automatically. The project needs to make sure that the components are used in a correct way and the content is accessible. Using HDS components takes some workload away from your project and lets your project focus on project-specific accessibility. You can read more about the topic in the <a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F" href="/hds-demo/header-custom-theme-site/about/accessibility/hds-accessibility#accessibility-in-projects-using-hds">About - HDS Accessibility section</a>.</p><button aria-label="Sulje If our project uses HDS, do we need to worry about accessibility?" type="button" class="Button-module_button__1msFE button_hds-button__2A0je Button-module_supplementary__3YKiS button_hds-button--supplementary__GcHcV Button-module_theme-black__m8giY button_hds-button--theme-black__3K_k4 Button-module_size-small__3lizH button_hds-button--small__2NFef Accordion-module_closeButton__1Qt8U" data-testid="accordion-132-closeButton"><span class="Button-module_label__a4np1 button_hds-button__label__2EQa-">Sulje</span><div class="Button-module_icon__O-h7R button_hds-icon__17j8Z" aria-hidden="true"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_xs__3kAOj icon_hds-icon--size-xs__3dAMZ Accordion-module_accordionButtonIcon__MQu2J" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 11.5L17 16.5L18.5 15L12 8.5L5.5 15L7 16.5L12 11.5Z" fill="currentColor"></path></svg></div></button></div></div>
-<div class="Accordion-module_accordion__2fPUT Accordion-module_m__2k6QY custom-theme-135" id="accordion-134"><div class="Accordion-module_accordionHeader__3_uK7"><div role="heading" aria-level="3" id="accordion-134-heading"><div role="button" tabindex="0" class="Accordion-module_headingContainer__1DzX3" aria-labelledby="accordion-134-heading" aria-expanded="false"><span class="label">How HDS ensures accessibility of its components?</span><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik Accordion-module_accordionButtonIcon__MQu2J" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-down" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 13.5L17 8.5L18.5 10L12 16.5L5.5 10L7 8.5L12 13.5Z" fill="currentColor"></path></svg></div></div></div><div style="display:none" id="accordion-134-content" role="region" class="Accordion-module_accordionContent__1umso Accordion-module_contentWithCloseButton__-einM" aria-labelledby="accordion-134-heading"><p>HDS aims to ensure accessibility in every stage of component development. HDS components always meet at least WCAG 2.1 AA level and often also reach the AAA level. Please refer to the Accessibility section for more information about this process.</p><button aria-label="Sulje How HDS ensures accessibility of its components?" type="button" class="Button-module_button__1msFE button_hds-button__2A0je Button-module_supplementary__3YKiS button_hds-button--supplementary__GcHcV Button-module_theme-black__m8giY button_hds-button--theme-black__3K_k4 Button-module_size-small__3lizH button_hds-button--small__2NFef Accordion-module_closeButton__1Qt8U" data-testid="accordion-134-closeButton"><span class="Button-module_label__a4np1 button_hds-button__label__2EQa-">Sulje</span><div class="Button-module_icon__O-h7R button_hds-icon__17j8Z" aria-hidden="true"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_xs__3kAOj icon_hds-icon--size-xs__3dAMZ Accordion-module_accordionButtonIcon__MQu2J" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 11.5L17 16.5L18.5 15L12 8.5L5.5 15L7 16.5L12 11.5Z" fill="currentColor"></path></svg></div></button></div></div>
-<div class="Accordion-module_accordion__2fPUT Accordion-module_m__2k6QY custom-theme-137" id="accordion-136"><div class="Accordion-module_accordionHeader__3_uK7"><div role="heading" aria-level="3" id="accordion-136-heading"><div role="button" tabindex="0" class="Accordion-module_headingContainer__1DzX3" aria-labelledby="accordion-136-heading" aria-expanded="false"><span class="label">We found an accessibility issue in our project&#x27;s audit. What should we do?</span><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik Accordion-module_accordionButtonIcon__MQu2J" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-down" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 13.5L17 8.5L18.5 10L12 16.5L5.5 10L7 8.5L12 13.5Z" fill="currentColor"></path></svg></div></div></div><div style="display:none" id="accordion-136-content" role="region" class="Accordion-module_accordionContent__1umso Accordion-module_contentWithCloseButton__-einM" aria-labelledby="accordion-136-heading"><p>Please contact our team with any of the channels listed on the <a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F" href="/hds-demo/header-custom-theme-site/about">Support page</a>. You can also open an issue in <a aria-label="GitHub. Opens a different website." class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F" href="https://github.com/City-of-Helsinki/helsinki-design-system/issues">GitHub<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik Link-module_icon__3ReCc link_icon__i_HqN Link-module_verticalAlignMediumIcon__12PVa link_vertical-align-medium-icon__3IWi1" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="link-external" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M5 3V19H21V21H3V3H5ZM21 3V12H19V6.413L9.91421 15.5L8.5 14.0858L17.585 5H12V3H21Z" fill="currentColor"></path></svg></a>.</p><p>Sometimes accessibility issues slip through our own audit. It is also common that accessibility experts interpret the accessibility guidelines in different ways - resulting differences in audit reports. Our team will go through your report and if needed, fix the issue as soon as possible.</p><button aria-label="Sulje We found an accessibility issue in our project&#x27;s audit. What should we do?" type="button" class="Button-module_button__1msFE button_hds-button__2A0je Button-module_supplementary__3YKiS button_hds-button--supplementary__GcHcV Button-module_theme-black__m8giY button_hds-button--theme-black__3K_k4 Button-module_size-small__3lizH button_hds-button--small__2NFef Accordion-module_closeButton__1Qt8U" data-testid="accordion-136-closeButton"><span class="Button-module_label__a4np1 button_hds-button__label__2EQa-">Sulje</span><div class="Button-module_icon__O-h7R button_hds-icon__17j8Z" aria-hidden="true"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_xs__3kAOj icon_hds-icon--size-xs__3dAMZ Accordion-module_accordionButtonIcon__MQu2J" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 11.5L17 16.5L18.5 15L12 8.5L5.5 15L7 16.5L12 11.5Z" fill="currentColor"></path></svg></div></button></div></div>
-<div class="Accordion-module_accordion__2fPUT Accordion-module_m__2k6QY custom-theme-139" id="accordion-138"><div class="Accordion-module_accordionHeader__3_uK7"><div role="heading" aria-level="3" id="accordion-138-heading"><div role="button" tabindex="0" class="Accordion-module_headingContainer__1DzX3" aria-labelledby="accordion-138-heading" aria-expanded="false"><span class="label">Which screen readers are tested in the accessibility audit?</span><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik Accordion-module_accordionButtonIcon__MQu2J" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-down" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 13.5L17 8.5L18.5 10L12 16.5L5.5 10L7 8.5L12 13.5Z" fill="currentColor"></path></svg></div></div></div><div style="display:none" id="accordion-138-content" role="region" class="Accordion-module_accordionContent__1umso Accordion-module_contentWithCloseButton__-einM" aria-labelledby="accordion-138-heading"><p>HDS components and patterns are tested with the newest NVDA on Windows and the newest VoiceOver on Mac and iOS.</p><p>On testing, the HDS team focuses more on ensuring that WCAG criteria and the HTML specification are followed properly, and not so much on individual assistive technologies. Then functionality is validated with a couple of selected assistive technologies. Different assistive technologies choose to obey standards in different ways so it is more important to follow standards than to support specific technologies.</p><button aria-label="Sulje Which screen readers are tested in the accessibility audit?" type="button" class="Button-module_button__1msFE button_hds-button__2A0je Button-module_supplementary__3YKiS button_hds-button--supplementary__GcHcV Button-module_theme-black__m8giY button_hds-button--theme-black__3K_k4 Button-module_size-small__3lizH button_hds-button--small__2NFef Accordion-module_closeButton__1Qt8U" data-testid="accordion-138-closeButton"><span class="Button-module_label__a4np1 button_hds-button__label__2EQa-">Sulje</span><div class="Button-module_icon__O-h7R button_hds-icon__17j8Z" aria-hidden="true"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_xs__3kAOj icon_hds-icon--size-xs__3dAMZ Accordion-module_accordionButtonIcon__MQu2J" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 11.5L17 16.5L18.5 15L12 8.5L5.5 15L7 16.5L12 11.5Z" fill="currentColor"></path></svg></div></button></div></div>
-<div class="Accordion-module_accordion__2fPUT Accordion-module_m__2k6QY custom-theme-141" id="accordion-140"><div class="Accordion-module_accordionHeader__3_uK7"><div role="heading" aria-level="3" id="accordion-140-heading"><div role="button" tabindex="0" class="Accordion-module_headingContainer__1DzX3" aria-labelledby="accordion-140-heading" aria-expanded="false"><span class="label">Why JAWS is not included in the list of tested screen readers?</span><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik Accordion-module_accordionButtonIcon__MQu2J" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-down" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 13.5L17 8.5L18.5 10L12 16.5L5.5 10L7 8.5L12 13.5Z" fill="currentColor"></path></svg></div></div></div><div style="display:none" id="accordion-140-content" role="region" class="Accordion-module_accordionContent__1umso Accordion-module_contentWithCloseButton__-einM" aria-labelledby="accordion-140-heading"><p>JAWS is quite rare to be tested within European countries. It is more common in English-speaking, non-European countries. JAWS also updates very often and is often incompatible with specific browser versions.</p><p>Since HDS is fully open-source, we also promote openness in our assistive technology choices. NVDA and VoiceOver are free to use for Windows and Mac users.</p><button aria-label="Sulje Why JAWS is not included in the list of tested screen readers?" type="button" class="Button-module_button__1msFE button_hds-button__2A0je Button-module_supplementary__3YKiS button_hds-button--supplementary__GcHcV Button-module_theme-black__m8giY button_hds-button--theme-black__3K_k4 Button-module_size-small__3lizH button_hds-button--small__2NFef Accordion-module_closeButton__1Qt8U" data-testid="accordion-140-closeButton"><span class="Button-module_label__a4np1 button_hds-button__label__2EQa-">Sulje</span><div class="Button-module_icon__O-h7R button_hds-icon__17j8Z" aria-hidden="true"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_xs__3kAOj icon_hds-icon--size-xs__3dAMZ Accordion-module_accordionButtonIcon__MQu2J" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 11.5L17 16.5L18.5 15L12 8.5L5.5 15L7 16.5L12 11.5Z" fill="currentColor"></path></svg></div></button></div></div>
-<div class="Accordion-module_accordion__2fPUT Accordion-module_m__2k6QY custom-theme-143" id="accordion-142"><div class="Accordion-module_accordionHeader__3_uK7"><div role="heading" aria-level="3" id="accordion-142-heading"><div role="button" tabindex="0" class="Accordion-module_headingContainer__1DzX3" aria-labelledby="accordion-142-heading" aria-expanded="false"><span class="label">I have an icon without a text label in my user interface. How do I ensure it is accessible?</span><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik Accordion-module_accordionButtonIcon__MQu2J" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-down" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 13.5L17 8.5L18.5 10L12 16.5L5.5 10L7 8.5L12 13.5Z" fill="currentColor"></path></svg></div></div></div><div style="display:none" id="accordion-142-content" role="region" class="Accordion-module_accordionContent__1umso Accordion-module_contentWithCloseButton__-einM" aria-labelledby="accordion-142-heading"><p><p>HDS recommends always having a visible text label for icons. Users interpret icons in different ways so it is important to not forget to include a text label.</p><p>However, if your user interface for some reason includes icons that do not have a visible text label, at least ensure the following:</p><ul><li>The icon includes an aria-label attribute that describes the purpose of the icon</li><li>The icon SVG itself is hidden with an aria-hidden=&quot;true&quot; attribute</li><li>The icon SVG has a role=&quot;img&quot; attribute</li></ul></p><button aria-label="Sulje I have an icon without a text label in my user interface. How do I ensure it is accessible?" type="button" class="Button-module_button__1msFE button_hds-button__2A0je Button-module_supplementary__3YKiS button_hds-button--supplementary__GcHcV Button-module_theme-black__m8giY button_hds-button--theme-black__3K_k4 Button-module_size-small__3lizH button_hds-button--small__2NFef Accordion-module_closeButton__1Qt8U" data-testid="accordion-142-closeButton"><span class="Button-module_label__a4np1 button_hds-button__label__2EQa-">Sulje</span><div class="Button-module_icon__O-h7R button_hds-icon__17j8Z" aria-hidden="true"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_xs__3kAOj icon_hds-icon--size-xs__3dAMZ Accordion-module_accordionButtonIcon__MQu2J" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 11.5L17 16.5L18.5 15L12 8.5L5.5 15L7 16.5L12 11.5Z" fill="currentColor"></path></svg></div></button></div></div>
-<div class="Accordion-module_accordion__2fPUT Accordion-module_m__2k6QY custom-theme-145" id="accordion-144"><div class="Accordion-module_accordionHeader__3_uK7"><div role="heading" aria-level="3" id="accordion-144-heading"><div role="button" tabindex="0" class="Accordion-module_headingContainer__1DzX3" aria-labelledby="accordion-144-heading" aria-expanded="false"><span class="label">Why does not Safari focus on elements like other browsers?</span><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik Accordion-module_accordionButtonIcon__MQu2J" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-down" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 13.5L17 8.5L18.5 10L12 16.5L5.5 10L7 8.5L12 13.5Z" fill="currentColor"></path></svg></div></div></div><div style="display:none" id="accordion-144-content" role="region" class="Accordion-module_accordionContent__1umso Accordion-module_contentWithCloseButton__-einM" aria-labelledby="accordion-144-heading"><p><p>Safari default settings don’t show the focus on elements.
+<div class="Accordion-module_accordion__2fPUT Accordion-module_m__2k6QY custom-theme-128" id="accordion-127"><div class="Accordion-module_accordionHeader__3_uK7"><div role="heading" aria-level="3" id="accordion-127-heading"><div role="button" tabindex="0" class="Accordion-module_headingContainer__1DzX3" aria-labelledby="accordion-127-heading" aria-expanded="false"><span class="label">If our project uses HDS, do we need to worry about accessibility?</span><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik Accordion-module_accordionButtonIcon__MQu2J" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-down" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 13.5L17 8.5L18.5 10L12 16.5L5.5 10L7 8.5L12 13.5Z" fill="currentColor"></path></svg></div></div></div><div style="display:none" id="accordion-127-content" role="region" class="Accordion-module_accordionContent__1umso Accordion-module_contentWithCloseButton__-einM" aria-labelledby="accordion-127-heading"><p>HDS ensures that its components are accessible. This does not mean that a project build with these components is accessible automatically. The project needs to make sure that the components are used in a correct way and the content is accessible. Using HDS components takes some workload away from your project and lets your project focus on project-specific accessibility. You can read more about the topic in the <a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F" href="/hds-demo/header-custom-theme-site/about/accessibility/hds-accessibility#accessibility-in-projects-using-hds">About - HDS Accessibility section</a>.</p><button aria-label="Sulje If our project uses HDS, do we need to worry about accessibility?" type="button" class="Button-module_button__1msFE button_hds-button__2A0je Button-module_supplementary__3YKiS button_hds-button--supplementary__GcHcV Button-module_theme-black__m8giY button_hds-button--theme-black__3K_k4 Button-module_size-small__3lizH button_hds-button--small__2NFef Accordion-module_closeButton__1Qt8U" data-testid="accordion-127-closeButton"><span class="Button-module_label__a4np1 button_hds-button__label__2EQa-">Sulje</span><div class="Button-module_icon__O-h7R button_hds-icon__17j8Z" aria-hidden="true"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_xs__3kAOj icon_hds-icon--size-xs__3dAMZ Accordion-module_accordionButtonIcon__MQu2J" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 11.5L17 16.5L18.5 15L12 8.5L5.5 15L7 16.5L12 11.5Z" fill="currentColor"></path></svg></div></button></div></div>
+<div class="Accordion-module_accordion__2fPUT Accordion-module_m__2k6QY custom-theme-130" id="accordion-129"><div class="Accordion-module_accordionHeader__3_uK7"><div role="heading" aria-level="3" id="accordion-129-heading"><div role="button" tabindex="0" class="Accordion-module_headingContainer__1DzX3" aria-labelledby="accordion-129-heading" aria-expanded="false"><span class="label">How HDS ensures accessibility of its components?</span><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik Accordion-module_accordionButtonIcon__MQu2J" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-down" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 13.5L17 8.5L18.5 10L12 16.5L5.5 10L7 8.5L12 13.5Z" fill="currentColor"></path></svg></div></div></div><div style="display:none" id="accordion-129-content" role="region" class="Accordion-module_accordionContent__1umso Accordion-module_contentWithCloseButton__-einM" aria-labelledby="accordion-129-heading"><p>HDS aims to ensure accessibility in every stage of component development. HDS components always meet at least WCAG 2.1 AA level and often also reach the AAA level. Please refer to the Accessibility section for more information about this process.</p><button aria-label="Sulje How HDS ensures accessibility of its components?" type="button" class="Button-module_button__1msFE button_hds-button__2A0je Button-module_supplementary__3YKiS button_hds-button--supplementary__GcHcV Button-module_theme-black__m8giY button_hds-button--theme-black__3K_k4 Button-module_size-small__3lizH button_hds-button--small__2NFef Accordion-module_closeButton__1Qt8U" data-testid="accordion-129-closeButton"><span class="Button-module_label__a4np1 button_hds-button__label__2EQa-">Sulje</span><div class="Button-module_icon__O-h7R button_hds-icon__17j8Z" aria-hidden="true"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_xs__3kAOj icon_hds-icon--size-xs__3dAMZ Accordion-module_accordionButtonIcon__MQu2J" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 11.5L17 16.5L18.5 15L12 8.5L5.5 15L7 16.5L12 11.5Z" fill="currentColor"></path></svg></div></button></div></div>
+<div class="Accordion-module_accordion__2fPUT Accordion-module_m__2k6QY custom-theme-132" id="accordion-131"><div class="Accordion-module_accordionHeader__3_uK7"><div role="heading" aria-level="3" id="accordion-131-heading"><div role="button" tabindex="0" class="Accordion-module_headingContainer__1DzX3" aria-labelledby="accordion-131-heading" aria-expanded="false"><span class="label">We found an accessibility issue in our project&#x27;s audit. What should we do?</span><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik Accordion-module_accordionButtonIcon__MQu2J" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-down" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 13.5L17 8.5L18.5 10L12 16.5L5.5 10L7 8.5L12 13.5Z" fill="currentColor"></path></svg></div></div></div><div style="display:none" id="accordion-131-content" role="region" class="Accordion-module_accordionContent__1umso Accordion-module_contentWithCloseButton__-einM" aria-labelledby="accordion-131-heading"><p>Please contact our team with any of the channels listed on the <a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F" href="/hds-demo/header-custom-theme-site/about">Support page</a>. You can also open an issue in <a aria-label="GitHub. Opens a different website." class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F" href="https://github.com/City-of-Helsinki/helsinki-design-system/issues">GitHub<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik Link-module_icon__3ReCc link_icon__i_HqN Link-module_verticalAlignMediumIcon__12PVa link_vertical-align-medium-icon__3IWi1" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="link-external" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M5 3V19H21V21H3V3H5ZM21 3V12H19V6.413L9.91421 15.5L8.5 14.0858L17.585 5H12V3H21Z" fill="currentColor"></path></svg></a>.</p><p>Sometimes accessibility issues slip through our own audit. It is also common that accessibility experts interpret the accessibility guidelines in different ways - resulting differences in audit reports. Our team will go through your report and if needed, fix the issue as soon as possible.</p><button aria-label="Sulje We found an accessibility issue in our project&#x27;s audit. What should we do?" type="button" class="Button-module_button__1msFE button_hds-button__2A0je Button-module_supplementary__3YKiS button_hds-button--supplementary__GcHcV Button-module_theme-black__m8giY button_hds-button--theme-black__3K_k4 Button-module_size-small__3lizH button_hds-button--small__2NFef Accordion-module_closeButton__1Qt8U" data-testid="accordion-131-closeButton"><span class="Button-module_label__a4np1 button_hds-button__label__2EQa-">Sulje</span><div class="Button-module_icon__O-h7R button_hds-icon__17j8Z" aria-hidden="true"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_xs__3kAOj icon_hds-icon--size-xs__3dAMZ Accordion-module_accordionButtonIcon__MQu2J" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 11.5L17 16.5L18.5 15L12 8.5L5.5 15L7 16.5L12 11.5Z" fill="currentColor"></path></svg></div></button></div></div>
+<div class="Accordion-module_accordion__2fPUT Accordion-module_m__2k6QY custom-theme-134" id="accordion-133"><div class="Accordion-module_accordionHeader__3_uK7"><div role="heading" aria-level="3" id="accordion-133-heading"><div role="button" tabindex="0" class="Accordion-module_headingContainer__1DzX3" aria-labelledby="accordion-133-heading" aria-expanded="false"><span class="label">Which screen readers are tested in the accessibility audit?</span><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik Accordion-module_accordionButtonIcon__MQu2J" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-down" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 13.5L17 8.5L18.5 10L12 16.5L5.5 10L7 8.5L12 13.5Z" fill="currentColor"></path></svg></div></div></div><div style="display:none" id="accordion-133-content" role="region" class="Accordion-module_accordionContent__1umso Accordion-module_contentWithCloseButton__-einM" aria-labelledby="accordion-133-heading"><p>HDS components and patterns are tested with the newest NVDA on Windows and the newest VoiceOver on Mac and iOS.</p><p>On testing, the HDS team focuses more on ensuring that WCAG criteria and the HTML specification are followed properly, and not so much on individual assistive technologies. Then functionality is validated with a couple of selected assistive technologies. Different assistive technologies choose to obey standards in different ways so it is more important to follow standards than to support specific technologies.</p><button aria-label="Sulje Which screen readers are tested in the accessibility audit?" type="button" class="Button-module_button__1msFE button_hds-button__2A0je Button-module_supplementary__3YKiS button_hds-button--supplementary__GcHcV Button-module_theme-black__m8giY button_hds-button--theme-black__3K_k4 Button-module_size-small__3lizH button_hds-button--small__2NFef Accordion-module_closeButton__1Qt8U" data-testid="accordion-133-closeButton"><span class="Button-module_label__a4np1 button_hds-button__label__2EQa-">Sulje</span><div class="Button-module_icon__O-h7R button_hds-icon__17j8Z" aria-hidden="true"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_xs__3kAOj icon_hds-icon--size-xs__3dAMZ Accordion-module_accordionButtonIcon__MQu2J" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 11.5L17 16.5L18.5 15L12 8.5L5.5 15L7 16.5L12 11.5Z" fill="currentColor"></path></svg></div></button></div></div>
+<div class="Accordion-module_accordion__2fPUT Accordion-module_m__2k6QY custom-theme-136" id="accordion-135"><div class="Accordion-module_accordionHeader__3_uK7"><div role="heading" aria-level="3" id="accordion-135-heading"><div role="button" tabindex="0" class="Accordion-module_headingContainer__1DzX3" aria-labelledby="accordion-135-heading" aria-expanded="false"><span class="label">Why JAWS is not included in the list of tested screen readers?</span><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik Accordion-module_accordionButtonIcon__MQu2J" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-down" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 13.5L17 8.5L18.5 10L12 16.5L5.5 10L7 8.5L12 13.5Z" fill="currentColor"></path></svg></div></div></div><div style="display:none" id="accordion-135-content" role="region" class="Accordion-module_accordionContent__1umso Accordion-module_contentWithCloseButton__-einM" aria-labelledby="accordion-135-heading"><p>JAWS is quite rare to be tested within European countries. It is more common in English-speaking, non-European countries. JAWS also updates very often and is often incompatible with specific browser versions.</p><p>Since HDS is fully open-source, we also promote openness in our assistive technology choices. NVDA and VoiceOver are free to use for Windows and Mac users.</p><button aria-label="Sulje Why JAWS is not included in the list of tested screen readers?" type="button" class="Button-module_button__1msFE button_hds-button__2A0je Button-module_supplementary__3YKiS button_hds-button--supplementary__GcHcV Button-module_theme-black__m8giY button_hds-button--theme-black__3K_k4 Button-module_size-small__3lizH button_hds-button--small__2NFef Accordion-module_closeButton__1Qt8U" data-testid="accordion-135-closeButton"><span class="Button-module_label__a4np1 button_hds-button__label__2EQa-">Sulje</span><div class="Button-module_icon__O-h7R button_hds-icon__17j8Z" aria-hidden="true"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_xs__3kAOj icon_hds-icon--size-xs__3dAMZ Accordion-module_accordionButtonIcon__MQu2J" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 11.5L17 16.5L18.5 15L12 8.5L5.5 15L7 16.5L12 11.5Z" fill="currentColor"></path></svg></div></button></div></div>
+<div class="Accordion-module_accordion__2fPUT Accordion-module_m__2k6QY custom-theme-138" id="accordion-137"><div class="Accordion-module_accordionHeader__3_uK7"><div role="heading" aria-level="3" id="accordion-137-heading"><div role="button" tabindex="0" class="Accordion-module_headingContainer__1DzX3" aria-labelledby="accordion-137-heading" aria-expanded="false"><span class="label">I have an icon without a text label in my user interface. How do I ensure it is accessible?</span><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik Accordion-module_accordionButtonIcon__MQu2J" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-down" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 13.5L17 8.5L18.5 10L12 16.5L5.5 10L7 8.5L12 13.5Z" fill="currentColor"></path></svg></div></div></div><div style="display:none" id="accordion-137-content" role="region" class="Accordion-module_accordionContent__1umso Accordion-module_contentWithCloseButton__-einM" aria-labelledby="accordion-137-heading"><p><p>HDS recommends always having a visible text label for icons. Users interpret icons in different ways so it is important to not forget to include a text label.</p><p>However, if your user interface for some reason includes icons that do not have a visible text label, at least ensure the following:</p><ul><li>The icon includes an aria-label attribute that describes the purpose of the icon</li><li>The icon SVG itself is hidden with an aria-hidden=&quot;true&quot; attribute</li><li>The icon SVG has a role=&quot;img&quot; attribute</li></ul></p><button aria-label="Sulje I have an icon without a text label in my user interface. How do I ensure it is accessible?" type="button" class="Button-module_button__1msFE button_hds-button__2A0je Button-module_supplementary__3YKiS button_hds-button--supplementary__GcHcV Button-module_theme-black__m8giY button_hds-button--theme-black__3K_k4 Button-module_size-small__3lizH button_hds-button--small__2NFef Accordion-module_closeButton__1Qt8U" data-testid="accordion-137-closeButton"><span class="Button-module_label__a4np1 button_hds-button__label__2EQa-">Sulje</span><div class="Button-module_icon__O-h7R button_hds-icon__17j8Z" aria-hidden="true"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_xs__3kAOj icon_hds-icon--size-xs__3dAMZ Accordion-module_accordionButtonIcon__MQu2J" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 11.5L17 16.5L18.5 15L12 8.5L5.5 15L7 16.5L12 11.5Z" fill="currentColor"></path></svg></div></button></div></div>
+<div class="Accordion-module_accordion__2fPUT Accordion-module_m__2k6QY custom-theme-140" id="accordion-139"><div class="Accordion-module_accordionHeader__3_uK7"><div role="heading" aria-level="3" id="accordion-139-heading"><div role="button" tabindex="0" class="Accordion-module_headingContainer__1DzX3" aria-labelledby="accordion-139-heading" aria-expanded="false"><span class="label">Why does not Safari focus on elements like other browsers?</span><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik Accordion-module_accordionButtonIcon__MQu2J" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-down" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 13.5L17 8.5L18.5 10L12 16.5L5.5 10L7 8.5L12 13.5Z" fill="currentColor"></path></svg></div></div></div><div style="display:none" id="accordion-139-content" role="region" class="Accordion-module_accordionContent__1umso Accordion-module_contentWithCloseButton__-einM" aria-labelledby="accordion-139-heading"><p><p>Safari default settings don’t show the focus on elements.
 You can highlight the elements with option-key while navigating with the tab-key or you can change the behaviour in the settings:<br/>
 <b>Advanced -&gt; Press Tab to highlight each item on a web page</b></p></p><p><p>There is also an operating level setting for this in MacOS, at the moment:<br/>
-<b>System Preferences -&gt; Keyboard -&gt; Shortcuts -&gt; Use keyboard navigation to move focus between controls</b></p></p><button aria-label="Sulje Why does not Safari focus on elements like other browsers?" type="button" class="Button-module_button__1msFE button_hds-button__2A0je Button-module_supplementary__3YKiS button_hds-button--supplementary__GcHcV Button-module_theme-black__m8giY button_hds-button--theme-black__3K_k4 Button-module_size-small__3lizH button_hds-button--small__2NFef Accordion-module_closeButton__1Qt8U" data-testid="accordion-144-closeButton"><span class="Button-module_label__a4np1 button_hds-button__label__2EQa-">Sulje</span><div class="Button-module_icon__O-h7R button_hds-icon__17j8Z" aria-hidden="true"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_xs__3kAOj icon_hds-icon--size-xs__3dAMZ Accordion-module_accordionButtonIcon__MQu2J" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 11.5L17 16.5L18.5 15L12 8.5L5.5 15L7 16.5L12 11.5Z" fill="currentColor"></path></svg></div></button></div></div></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-146" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-146)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
+<b>System Preferences -&gt; Keyboard -&gt; Shortcuts -&gt; Use keyboard navigation to move focus between controls</b></p></p><button aria-label="Sulje Why does not Safari focus on elements like other browsers?" type="button" class="Button-module_button__1msFE button_hds-button__2A0je Button-module_supplementary__3YKiS button_hds-button--supplementary__GcHcV Button-module_theme-black__m8giY button_hds-button--theme-black__3K_k4 Button-module_size-small__3lizH button_hds-button--small__2NFef Accordion-module_closeButton__1Qt8U" data-testid="accordion-139-closeButton"><span class="Button-module_label__a4np1 button_hds-button__label__2EQa-">Sulje</span><div class="Button-module_icon__O-h7R button_hds-icon__17j8Z" aria-hidden="true"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_xs__3kAOj icon_hds-icon--size-xs__3dAMZ Accordion-module_accordionButtonIcon__MQu2J" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 11.5L17 16.5L18.5 15L12 8.5L5.5 15L7 16.5L12 11.5Z" fill="currentColor"></path></svg></div></button></div></div></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-141" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-141)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
     window.dev = undefined
     if (window.dev === true || !(navigator.doNotTrack === '1' || window.doNotTrack === '1')) {
       window._paq = window._paq || [];
@@ -92,6 +92,6 @@
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/getting-started/faq/code/index.html b/docs/header-custom-theme-site/getting-started/faq/code/index.html
index d5af60bb2b..10e85551f4 100644
--- a/docs/header-custom-theme-site/getting-started/faq/code/index.html
+++ b/docs/header-custom-theme-site/getting-started/faq/code/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Frequently asked questions"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Frequently asked questions"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -55,8 +55,8 @@
   </script><link rel="manifest" href="/hds-demo/header-custom-theme-site/manifest.webmanifest" crossorigin="anonymous"/><link rel="apple-touch-icon" sizes="any" href="/hds-demo/header-custom-theme-site/favicon/light/favicon-32x32.ico"/><link rel="apple-touch-icon" href="/hds-demo/header-custom-theme-site/favicon/light/apple-touch-icon.png"/><link rel="apple-touch-icon" sizes="192x192" href="/hds-demo/header-custom-theme-site/favicon/light/favicon-192x192.png"/><link rel="apple-touch-icon" sizes="512x512" href="/hds-demo/header-custom-theme-site/favicon/light/favicon-512x512.png"/><link rel="preconnect" href="https://webanalytics.digiaiiris.com/js"/></head><body><div id="___gatsby"><div style="outline:none" tabindex="-1" id="gatsby-focus-wrapper"><div class="page text-body"><header id="page-header" class="Navigation-module_header__2HNOX Navigation-module_theme-light__36nmi pageHeader"><a class="Navigation-module_skipToContent__2p54x" href="#content">Skip to content</a><div class="visible-module_belowM__2GR1J"><div class="Navigation-module_headerBackgroundWrapper__137R3"><div class="Navigation-module_headerContainer__2YPsu"><a class="Navigation-module_title__3zRBe" href="https://hds.hel.fi" aria-label="Helsinki: Helsinki Design System"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Navigation-module_logo__1sEy6" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg><span><div class="page-header-title"><div>Helsinki Design System</div><div class="page-header-title-badge"><img style="filter:invert(1)" alt="HDS version number: 2.15.0" src="https://img.shields.io/github/v/release/City-of-Helsinki/helsinki-design-system?label=&amp;style=for-the-badge&amp;color=1a1a1a"/></div></div></span></a><button aria-label="menu" aria-haspopup="true" aria-expanded="false" type="button" class="Navigation-module_mobileMenuToggle__1v6en"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="menu-hamburger" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M22 17V19H2V17H22ZM22 11V13H2V11H22ZM22 5V7H2V5H22Z" fill="currentColor"></path></svg></button></div></div></div><div class="visible-module_aboveM__31mn_"><div class="Navigation-module_headerBackgroundWrapper__137R3"><div class="Navigation-module_headerContainer__2YPsu"><a class="Navigation-module_title__3zRBe" href="https://hds.hel.fi" aria-label="Helsinki: Helsinki Design System"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Navigation-module_logo__1sEy6" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg><span><div class="page-header-title"><div>Helsinki Design System</div><div class="page-header-title-badge"><img style="filter:invert(1)" alt="HDS version number: 2.15.0" src="https://img.shields.io/github/v/release/City-of-Helsinki/helsinki-design-system?label=&amp;style=for-the-badge&amp;color=1a1a1a"/></div></div></span></a><div class="Navigation-module_headerContent__3zHbK"></div></div></div><nav class="NavigationRow-module_navigation__24tui NavigationRow-module_subNav__3fDXv" aria-label="Site navigation"><a aria-current="page" class="NavigationItem-module_rowItem__2QxRz NavigationItem-module_active__3Ckcw" href="/hds-demo/header-custom-theme-site/getting-started/"><span class="NavigationItem-module_label__1UsXG button_hds-button__label__3r3Mi">Getting started</span></a><a class="NavigationItem-module_rowItem__2QxRz" href="/hds-demo/header-custom-theme-site/foundation/"><span class="NavigationItem-module_label__1UsXG button_hds-button__label__3r3Mi">Foundation</span></a><a class="NavigationItem-module_rowItem__2QxRz" href="/hds-demo/header-custom-theme-site/components/"><span class="NavigationItem-module_label__1UsXG button_hds-button__label__3r3Mi">Components</span></a><a class="NavigationItem-module_rowItem__2QxRz" href="/hds-demo/header-custom-theme-site/patterns/"><span class="NavigationItem-module_label__1UsXG button_hds-button__label__3r3Mi">Patterns</span></a><a class="NavigationItem-module_rowItem__2QxRz" href="/hds-demo/header-custom-theme-site/about/"><span class="NavigationItem-module_label__1UsXG button_hds-button__label__3r3Mi">About</span></a></nav></div></header><div class="page-content"><aside class="side-content"><nav class="SideNavigation-module_sideNavigation__3X-9P" id="side-navigation" aria-label="Getting started"><button type="button" class="Button-module_button__1msFE button_hds-button__2A0je Button-module_secondary__1nABp button_hds-button--secondary__1NOWS Button-module_fullWidth__31eVK button_hds-button--fullwidth__1_hG9 SideNavigation-module_toggleButton__10tXH" aria-controls="side-navigation-menu" aria-expanded="false" aria-haspopup="true"><span class="Button-module_label__a4np1 button_hds-button__label__2EQa-">Navigate to page</span><div class="Button-module_icon__O-h7R button_hds-icon__17j8Z" aria-hidden="true"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-down" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 13.5L17 8.5L18.5 10L12 16.5L5.5 10L7 8.5L12 13.5Z" fill="currentColor"></path></svg></div></button><ul class="SideNavigation-module_mainLevelList__SLZKQ" aria-label="Navigate to page" id="side-navigation-menu"><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Getting started" id="side-nav-getting-started" href="/hds-demo/header-custom-theme-site/getting-started"><span class="MainLevel-module_label__uWKJ7">Getting started</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_mainLevelWithDivider__1knXE MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Designer" id="side-nav-getting-started-designer" href="/hds-demo/header-custom-theme-site/getting-started/designer"><span class="MainLevel-module_label__uWKJ7">Designer</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Developer" id="side-nav-getting-started-developer" href="/hds-demo/header-custom-theme-site/getting-started/developer"><span class="MainLevel-module_label__uWKJ7">Developer</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_mainLevelWithDivider__1knXE MainLevel-module_open__2yWFj"><button type="button" aria-label="Contributing" aria-current="false" aria-expanded="true" id="side-nav-getting-started-contributing"><span class="MainLevel-module_label__uWKJ7">Contributing</span><span class="MainLevel-module_rightIcon__2D9o7" aria-hidden="true"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 11.5L17 16.5L18.5 15L12 8.5L5.5 15L7 16.5L12 11.5Z" fill="currentColor"></path></svg></span></button><ul class="MainLevel-module_mainLevelListMenu__FG6Ed" id="side-nav-getting-started-contributing-menu" aria-hidden="false" aria-labelledby="side-nav-getting-started-contributing"><li class="SubLevel-module_subLevel__2TvTK"><a aria-current="false" href="/hds-demo/header-custom-theme-site/getting-started/contributing/design">Design</a></li><li class="SubLevel-module_subLevel__2TvTK"><a aria-current="false" href="/hds-demo/header-custom-theme-site/getting-started/contributing/documentation">Documentation</a></li><li class="SubLevel-module_subLevel__2TvTK"><a aria-current="false" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute">How to contribute</a></li><li class="SubLevel-module_subLevel__2TvTK"><a aria-current="false" href="/hds-demo/header-custom-theme-site/getting-started/contributing/icons">Icons</a></li><li class="SubLevel-module_subLevel__2TvTK"><a aria-current="false" href="/hds-demo/header-custom-theme-site/getting-started/contributing/implementation">Implementation</a></li></ul></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_mainLevelWithDivider__1knXE MainLevel-module_active__3IkdI MainLevel-module_open__2yWFj"><a aria-current="page" aria-label="FAQ" id="side-nav-getting-started-faq" href="/hds-demo/header-custom-theme-site/getting-started/faq"><span class="MainLevel-module_label__uWKJ7">FAQ</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_mainLevelWithDivider__1knXE MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Versioning" id="side-nav-getting-started-versioning" href="/hds-demo/header-custom-theme-site/getting-started/versioning"><span class="MainLevel-module_label__uWKJ7">Versioning</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><button type="button" aria-label="Tutorials" aria-current="false" aria-expanded="true" id="side-nav-getting-started-tutorials"><span class="MainLevel-module_label__uWKJ7">Tutorials</span><span class="MainLevel-module_rightIcon__2D9o7" aria-hidden="true"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 11.5L17 16.5L18.5 15L12 8.5L5.5 15L7 16.5L12 11.5Z" fill="currentColor"></path></svg></span></button><ul class="MainLevel-module_mainLevelListMenu__FG6Ed" id="side-nav-getting-started-tutorials-menu" aria-hidden="false" aria-labelledby="side-nav-getting-started-tutorials"><li class="SubLevel-module_subLevel__2TvTK"><a aria-current="false" href="/hds-demo/header-custom-theme-site/getting-started/tutorials/abstract-tutorial">Abstract basics</a></li></ul></li></ul></nav></aside><main id="content" class="main-content"><h1 id="frequently-asked-questions" style="position:relative" class="page-heading-1 heading-xl-mobile">Frequently asked questions<a href="#frequently-asked-questions" aria-label="frequently asked questions permalink" class="header-anchor after"><span><span class="hds-anchor-icon hds-icon hds-icon--link hds-icon--size-xs" aria-hidden="true" style="vertical-align: middle"></span></span></a></h1>
 <p style="font-size:var(--fontsize-body-xl);color:var(--color-black-90);max-width:600px">Here you will find frequently asked questions about HDS and answers to those questions. If you do not find an answer to your question on this page, you can always contact the HDS team for more information.</p>
 <div class="Tabs-module_tabs__2Ww5F"><div class="Tabs-module_tablistBar__elMv9 page-tabs-list"><div class="Tabs-module_scrollButton__3ufhP" aria-hidden="true"><button type="button" tabindex="-1"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-left" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.5 12L15.5 17L14 18.5L7.5 12L14 5.5L15.5 7L10.5 12Z" fill="currentColor"></path></svg></button></div><div class="Tabs-module_tablist__1iuDO"><ul role="tablist" style="width:0px"><li role="tab" aria-selected="false" aria-controls="tab-0-panel" tabindex="-1" id="tab-0-button" class="Tabs-module_tab__3oOoX"><span>General</span></li><li role="tab" aria-selected="false" aria-controls="tab-1-panel" tabindex="-1" id="tab-1-button" class="Tabs-module_tab__3oOoX"><span>Design</span></li><li role="tab" aria-selected="true" aria-controls="tab-2-panel" tabindex="0" id="tab-2-button" class="Tabs-module_tab__3oOoX Tabs-module_active__1Ic3B"><span>Code</span></li><li role="tab" aria-selected="false" aria-controls="tab-3-panel" tabindex="-1" id="tab-3-button" class="Tabs-module_tab__3oOoX"><span>Accessibility</span></li></ul></div><div class="Tabs-module_scrollButton__3ufhP" aria-hidden="true"><button type="button" tabindex="-1"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-right" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.5 12L8.5 7L10 5.5L16.5 12L10 18.5L8.5 17L13.5 12Z" fill="currentColor"></path></svg></button></div></div><div id="tab-2-panel" role="tabpanel" aria-labelledby="tab-2-button"><h2 id="code" style="position:relative" class="page-heading-2 heading-l">Code<a href="#code" aria-label="code permalink" class="header-anchor after"><span><span class="hds-anchor-icon hds-icon hds-icon--link hds-icon--size-xs" aria-hidden="true" style="vertical-align: middle"></span></span></a></h2>
-<div class="Accordion-module_accordion__2fPUT Accordion-module_m__2k6QY custom-theme-128" id="accordion-127"><div class="Accordion-module_accordionHeader__3_uK7"><div role="heading" aria-level="3" id="accordion-127-heading"><div role="button" tabindex="0" class="Accordion-module_headingContainer__1DzX3" aria-labelledby="accordion-127-heading" aria-expanded="false"><span class="label">How can I get the Helsinki Grotesk font in .hel.fi domain services?</span><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik Accordion-module_accordionButtonIcon__MQu2J" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-down" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 13.5L17 8.5L18.5 10L12 16.5L5.5 10L7 8.5L12 13.5Z" fill="currentColor"></path></svg></div></div></div><div style="display:none" id="accordion-127-content" role="region" class="Accordion-module_accordionContent__1umso Accordion-module_contentWithCloseButton__-einM" aria-labelledby="accordion-127-heading"><p>Please refer to <a aria-label="the internal font documentation in Confluence. Opens a different website." class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F" href="https://helsinkisolutionoffice.atlassian.net/wiki/spaces/DD/pages/296058881/Using+Helsinki+Grotesk+fonts">the internal font documentation in Confluence<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik Link-module_icon__3ReCc link_icon__i_HqN Link-module_verticalAlignMediumIcon__12PVa link_vertical-align-medium-icon__3IWi1" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="link-external" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M5 3V19H21V21H3V3H5ZM21 3V12H19V6.413L9.91421 15.5L8.5 14.0858L17.585 5H12V3H21Z" fill="currentColor"></path></svg></a>. If you do not have access to Confluence, ask your project’s city employee contact.</p><button aria-label="Sulje How can I get the Helsinki Grotesk font in .hel.fi domain services?" type="button" class="Button-module_button__1msFE button_hds-button__2A0je Button-module_supplementary__3YKiS button_hds-button--supplementary__GcHcV Button-module_theme-black__m8giY button_hds-button--theme-black__3K_k4 Button-module_size-small__3lizH button_hds-button--small__2NFef Accordion-module_closeButton__1Qt8U" data-testid="accordion-127-closeButton"><span class="Button-module_label__a4np1 button_hds-button__label__2EQa-">Sulje</span><div class="Button-module_icon__O-h7R button_hds-icon__17j8Z" aria-hidden="true"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_xs__3kAOj icon_hds-icon--size-xs__3dAMZ Accordion-module_accordionButtonIcon__MQu2J" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 11.5L17 16.5L18.5 15L12 8.5L5.5 15L7 16.5L12 11.5Z" fill="currentColor"></path></svg></div></button></div></div>
-<div class="Accordion-module_accordion__2fPUT Accordion-module_m__2k6QY custom-theme-130" id="accordion-129"><div class="Accordion-module_accordionHeader__3_uK7"><div role="heading" aria-level="3" id="accordion-129-heading"><div role="button" tabindex="0" class="Accordion-module_headingContainer__1DzX3" aria-labelledby="accordion-129-heading" aria-expanded="false"><span class="label">Where to get help with Drupal and WordPress?</span><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik Accordion-module_accordionButtonIcon__MQu2J" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-down" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 13.5L17 8.5L18.5 10L12 16.5L5.5 10L7 8.5L12 13.5Z" fill="currentColor"></path></svg></div></div></div><div style="display:none" id="accordion-129-content" role="region" class="Accordion-module_accordionContent__1umso Accordion-module_contentWithCloseButton__-einM" aria-labelledby="accordion-129-heading"><p>While HDS does not currently offer WordPress or Drupal implementations, HDS cooperates with multiple WordPress and Drupal projects in the City of Helsinki. Many of these projects have already implemented HDS components which can be reused in other projects.</p><p>If your project is using either WordPress or Drupal, please contact <a href="mailto:ketu@hel.fi">ketu@hel.fi</a> to learn about available implementations that follow HDS.</p><button aria-label="Sulje Where to get help with Drupal and WordPress?" type="button" class="Button-module_button__1msFE button_hds-button__2A0je Button-module_supplementary__3YKiS button_hds-button--supplementary__GcHcV Button-module_theme-black__m8giY button_hds-button--theme-black__3K_k4 Button-module_size-small__3lizH button_hds-button--small__2NFef Accordion-module_closeButton__1Qt8U" data-testid="accordion-129-closeButton"><span class="Button-module_label__a4np1 button_hds-button__label__2EQa-">Sulje</span><div class="Button-module_icon__O-h7R button_hds-icon__17j8Z" aria-hidden="true"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_xs__3kAOj icon_hds-icon--size-xs__3dAMZ Accordion-module_accordionButtonIcon__MQu2J" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 11.5L17 16.5L18.5 15L12 8.5L5.5 15L7 16.5L12 11.5Z" fill="currentColor"></path></svg></div></button></div></div></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-131" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-131)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
+<div class="Accordion-module_accordion__2fPUT Accordion-module_m__2k6QY custom-theme-143" id="accordion-142"><div class="Accordion-module_accordionHeader__3_uK7"><div role="heading" aria-level="3" id="accordion-142-heading"><div role="button" tabindex="0" class="Accordion-module_headingContainer__1DzX3" aria-labelledby="accordion-142-heading" aria-expanded="false"><span class="label">How can I get the Helsinki Grotesk font in .hel.fi domain services?</span><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik Accordion-module_accordionButtonIcon__MQu2J" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-down" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 13.5L17 8.5L18.5 10L12 16.5L5.5 10L7 8.5L12 13.5Z" fill="currentColor"></path></svg></div></div></div><div style="display:none" id="accordion-142-content" role="region" class="Accordion-module_accordionContent__1umso Accordion-module_contentWithCloseButton__-einM" aria-labelledby="accordion-142-heading"><p>Please refer to <a aria-label="the internal font documentation in Confluence. Opens a different website." class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F" href="https://helsinkisolutionoffice.atlassian.net/wiki/spaces/DD/pages/296058881/Using+Helsinki+Grotesk+fonts">the internal font documentation in Confluence<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik Link-module_icon__3ReCc link_icon__i_HqN Link-module_verticalAlignMediumIcon__12PVa link_vertical-align-medium-icon__3IWi1" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="link-external" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M5 3V19H21V21H3V3H5ZM21 3V12H19V6.413L9.91421 15.5L8.5 14.0858L17.585 5H12V3H21Z" fill="currentColor"></path></svg></a>. If you do not have access to Confluence, ask your project’s city employee contact.</p><button aria-label="Sulje How can I get the Helsinki Grotesk font in .hel.fi domain services?" type="button" class="Button-module_button__1msFE button_hds-button__2A0je Button-module_supplementary__3YKiS button_hds-button--supplementary__GcHcV Button-module_theme-black__m8giY button_hds-button--theme-black__3K_k4 Button-module_size-small__3lizH button_hds-button--small__2NFef Accordion-module_closeButton__1Qt8U" data-testid="accordion-142-closeButton"><span class="Button-module_label__a4np1 button_hds-button__label__2EQa-">Sulje</span><div class="Button-module_icon__O-h7R button_hds-icon__17j8Z" aria-hidden="true"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_xs__3kAOj icon_hds-icon--size-xs__3dAMZ Accordion-module_accordionButtonIcon__MQu2J" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 11.5L17 16.5L18.5 15L12 8.5L5.5 15L7 16.5L12 11.5Z" fill="currentColor"></path></svg></div></button></div></div>
+<div class="Accordion-module_accordion__2fPUT Accordion-module_m__2k6QY custom-theme-145" id="accordion-144"><div class="Accordion-module_accordionHeader__3_uK7"><div role="heading" aria-level="3" id="accordion-144-heading"><div role="button" tabindex="0" class="Accordion-module_headingContainer__1DzX3" aria-labelledby="accordion-144-heading" aria-expanded="false"><span class="label">Where to get help with Drupal and WordPress?</span><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik Accordion-module_accordionButtonIcon__MQu2J" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-down" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 13.5L17 8.5L18.5 10L12 16.5L5.5 10L7 8.5L12 13.5Z" fill="currentColor"></path></svg></div></div></div><div style="display:none" id="accordion-144-content" role="region" class="Accordion-module_accordionContent__1umso Accordion-module_contentWithCloseButton__-einM" aria-labelledby="accordion-144-heading"><p>While HDS does not currently offer WordPress or Drupal implementations, HDS cooperates with multiple WordPress and Drupal projects in the City of Helsinki. Many of these projects have already implemented HDS components which can be reused in other projects.</p><p>If your project is using either WordPress or Drupal, please contact <a href="mailto:ketu@hel.fi">ketu@hel.fi</a> to learn about available implementations that follow HDS.</p><button aria-label="Sulje Where to get help with Drupal and WordPress?" type="button" class="Button-module_button__1msFE button_hds-button__2A0je Button-module_supplementary__3YKiS button_hds-button--supplementary__GcHcV Button-module_theme-black__m8giY button_hds-button--theme-black__3K_k4 Button-module_size-small__3lizH button_hds-button--small__2NFef Accordion-module_closeButton__1Qt8U" data-testid="accordion-144-closeButton"><span class="Button-module_label__a4np1 button_hds-button__label__2EQa-">Sulje</span><div class="Button-module_icon__O-h7R button_hds-icon__17j8Z" aria-hidden="true"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_xs__3kAOj icon_hds-icon--size-xs__3dAMZ Accordion-module_accordionButtonIcon__MQu2J" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 11.5L17 16.5L18.5 15L12 8.5L5.5 15L7 16.5L12 11.5Z" fill="currentColor"></path></svg></div></button></div></div></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-146" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-146)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
     window.dev = undefined
     if (window.dev === true || !(navigator.doNotTrack === '1' || window.doNotTrack === '1')) {
       window._paq = window._paq || [];
@@ -84,6 +84,6 @@
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/getting-started/faq/design/index.html b/docs/header-custom-theme-site/getting-started/faq/design/index.html
index 8db4975ebc..e8c9f28382 100644
--- a/docs/header-custom-theme-site/getting-started/faq/design/index.html
+++ b/docs/header-custom-theme-site/getting-started/faq/design/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Frequently asked questions"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Frequently asked questions"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -55,17 +55,17 @@
   </script><link rel="manifest" href="/hds-demo/header-custom-theme-site/manifest.webmanifest" crossorigin="anonymous"/><link rel="apple-touch-icon" sizes="any" href="/hds-demo/header-custom-theme-site/favicon/light/favicon-32x32.ico"/><link rel="apple-touch-icon" href="/hds-demo/header-custom-theme-site/favicon/light/apple-touch-icon.png"/><link rel="apple-touch-icon" sizes="192x192" href="/hds-demo/header-custom-theme-site/favicon/light/favicon-192x192.png"/><link rel="apple-touch-icon" sizes="512x512" href="/hds-demo/header-custom-theme-site/favicon/light/favicon-512x512.png"/><link rel="preconnect" href="https://webanalytics.digiaiiris.com/js"/></head><body><div id="___gatsby"><div style="outline:none" tabindex="-1" id="gatsby-focus-wrapper"><div class="page text-body"><header id="page-header" class="Navigation-module_header__2HNOX Navigation-module_theme-light__36nmi pageHeader"><a class="Navigation-module_skipToContent__2p54x" href="#content">Skip to content</a><div class="visible-module_belowM__2GR1J"><div class="Navigation-module_headerBackgroundWrapper__137R3"><div class="Navigation-module_headerContainer__2YPsu"><a class="Navigation-module_title__3zRBe" href="https://hds.hel.fi" aria-label="Helsinki: Helsinki Design System"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Navigation-module_logo__1sEy6" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg><span><div class="page-header-title"><div>Helsinki Design System</div><div class="page-header-title-badge"><img style="filter:invert(1)" alt="HDS version number: 2.15.0" src="https://img.shields.io/github/v/release/City-of-Helsinki/helsinki-design-system?label=&amp;style=for-the-badge&amp;color=1a1a1a"/></div></div></span></a><button aria-label="menu" aria-haspopup="true" aria-expanded="false" type="button" class="Navigation-module_mobileMenuToggle__1v6en"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="menu-hamburger" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M22 17V19H2V17H22ZM22 11V13H2V11H22ZM22 5V7H2V5H22Z" fill="currentColor"></path></svg></button></div></div></div><div class="visible-module_aboveM__31mn_"><div class="Navigation-module_headerBackgroundWrapper__137R3"><div class="Navigation-module_headerContainer__2YPsu"><a class="Navigation-module_title__3zRBe" href="https://hds.hel.fi" aria-label="Helsinki: Helsinki Design System"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Navigation-module_logo__1sEy6" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg><span><div class="page-header-title"><div>Helsinki Design System</div><div class="page-header-title-badge"><img style="filter:invert(1)" alt="HDS version number: 2.15.0" src="https://img.shields.io/github/v/release/City-of-Helsinki/helsinki-design-system?label=&amp;style=for-the-badge&amp;color=1a1a1a"/></div></div></span></a><div class="Navigation-module_headerContent__3zHbK"></div></div></div><nav class="NavigationRow-module_navigation__24tui NavigationRow-module_subNav__3fDXv" aria-label="Site navigation"><a aria-current="page" class="NavigationItem-module_rowItem__2QxRz NavigationItem-module_active__3Ckcw" href="/hds-demo/header-custom-theme-site/getting-started/"><span class="NavigationItem-module_label__1UsXG button_hds-button__label__3r3Mi">Getting started</span></a><a class="NavigationItem-module_rowItem__2QxRz" href="/hds-demo/header-custom-theme-site/foundation/"><span class="NavigationItem-module_label__1UsXG button_hds-button__label__3r3Mi">Foundation</span></a><a class="NavigationItem-module_rowItem__2QxRz" href="/hds-demo/header-custom-theme-site/components/"><span class="NavigationItem-module_label__1UsXG button_hds-button__label__3r3Mi">Components</span></a><a class="NavigationItem-module_rowItem__2QxRz" href="/hds-demo/header-custom-theme-site/patterns/"><span class="NavigationItem-module_label__1UsXG button_hds-button__label__3r3Mi">Patterns</span></a><a class="NavigationItem-module_rowItem__2QxRz" href="/hds-demo/header-custom-theme-site/about/"><span class="NavigationItem-module_label__1UsXG button_hds-button__label__3r3Mi">About</span></a></nav></div></header><div class="page-content"><aside class="side-content"><nav class="SideNavigation-module_sideNavigation__3X-9P" id="side-navigation" aria-label="Getting started"><button type="button" class="Button-module_button__1msFE button_hds-button__2A0je Button-module_secondary__1nABp button_hds-button--secondary__1NOWS Button-module_fullWidth__31eVK button_hds-button--fullwidth__1_hG9 SideNavigation-module_toggleButton__10tXH" aria-controls="side-navigation-menu" aria-expanded="false" aria-haspopup="true"><span class="Button-module_label__a4np1 button_hds-button__label__2EQa-">Navigate to page</span><div class="Button-module_icon__O-h7R button_hds-icon__17j8Z" aria-hidden="true"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-down" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 13.5L17 8.5L18.5 10L12 16.5L5.5 10L7 8.5L12 13.5Z" fill="currentColor"></path></svg></div></button><ul class="SideNavigation-module_mainLevelList__SLZKQ" aria-label="Navigate to page" id="side-navigation-menu"><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Getting started" id="side-nav-getting-started" href="/hds-demo/header-custom-theme-site/getting-started"><span class="MainLevel-module_label__uWKJ7">Getting started</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_mainLevelWithDivider__1knXE MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Designer" id="side-nav-getting-started-designer" href="/hds-demo/header-custom-theme-site/getting-started/designer"><span class="MainLevel-module_label__uWKJ7">Designer</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Developer" id="side-nav-getting-started-developer" href="/hds-demo/header-custom-theme-site/getting-started/developer"><span class="MainLevel-module_label__uWKJ7">Developer</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_mainLevelWithDivider__1knXE MainLevel-module_open__2yWFj"><button type="button" aria-label="Contributing" aria-current="false" aria-expanded="true" id="side-nav-getting-started-contributing"><span class="MainLevel-module_label__uWKJ7">Contributing</span><span class="MainLevel-module_rightIcon__2D9o7" aria-hidden="true"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 11.5L17 16.5L18.5 15L12 8.5L5.5 15L7 16.5L12 11.5Z" fill="currentColor"></path></svg></span></button><ul class="MainLevel-module_mainLevelListMenu__FG6Ed" id="side-nav-getting-started-contributing-menu" aria-hidden="false" aria-labelledby="side-nav-getting-started-contributing"><li class="SubLevel-module_subLevel__2TvTK"><a aria-current="false" href="/hds-demo/header-custom-theme-site/getting-started/contributing/design">Design</a></li><li class="SubLevel-module_subLevel__2TvTK"><a aria-current="false" href="/hds-demo/header-custom-theme-site/getting-started/contributing/documentation">Documentation</a></li><li class="SubLevel-module_subLevel__2TvTK"><a aria-current="false" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute">How to contribute</a></li><li class="SubLevel-module_subLevel__2TvTK"><a aria-current="false" href="/hds-demo/header-custom-theme-site/getting-started/contributing/icons">Icons</a></li><li class="SubLevel-module_subLevel__2TvTK"><a aria-current="false" href="/hds-demo/header-custom-theme-site/getting-started/contributing/implementation">Implementation</a></li></ul></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_mainLevelWithDivider__1knXE MainLevel-module_active__3IkdI MainLevel-module_open__2yWFj"><a aria-current="page" aria-label="FAQ" id="side-nav-getting-started-faq" href="/hds-demo/header-custom-theme-site/getting-started/faq"><span class="MainLevel-module_label__uWKJ7">FAQ</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_mainLevelWithDivider__1knXE MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Versioning" id="side-nav-getting-started-versioning" href="/hds-demo/header-custom-theme-site/getting-started/versioning"><span class="MainLevel-module_label__uWKJ7">Versioning</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><button type="button" aria-label="Tutorials" aria-current="false" aria-expanded="true" id="side-nav-getting-started-tutorials"><span class="MainLevel-module_label__uWKJ7">Tutorials</span><span class="MainLevel-module_rightIcon__2D9o7" aria-hidden="true"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 11.5L17 16.5L18.5 15L12 8.5L5.5 15L7 16.5L12 11.5Z" fill="currentColor"></path></svg></span></button><ul class="MainLevel-module_mainLevelListMenu__FG6Ed" id="side-nav-getting-started-tutorials-menu" aria-hidden="false" aria-labelledby="side-nav-getting-started-tutorials"><li class="SubLevel-module_subLevel__2TvTK"><a aria-current="false" href="/hds-demo/header-custom-theme-site/getting-started/tutorials/abstract-tutorial">Abstract basics</a></li></ul></li></ul></nav></aside><main id="content" class="main-content"><h1 id="frequently-asked-questions" style="position:relative" class="page-heading-1 heading-xl-mobile">Frequently asked questions<a href="#frequently-asked-questions" aria-label="frequently asked questions permalink" class="header-anchor after"><span><span class="hds-anchor-icon hds-icon hds-icon--link hds-icon--size-xs" aria-hidden="true" style="vertical-align: middle"></span></span></a></h1>
 <p style="font-size:var(--fontsize-body-xl);color:var(--color-black-90);max-width:600px">Here you will find frequently asked questions about HDS and answers to those questions. If you do not find an answer to your question on this page, you can always contact the HDS team for more information.</p>
 <div class="Tabs-module_tabs__2Ww5F"><div class="Tabs-module_tablistBar__elMv9 page-tabs-list"><div class="Tabs-module_scrollButton__3ufhP" aria-hidden="true"><button type="button" tabindex="-1"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-left" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.5 12L15.5 17L14 18.5L7.5 12L14 5.5L15.5 7L10.5 12Z" fill="currentColor"></path></svg></button></div><div class="Tabs-module_tablist__1iuDO"><ul role="tablist" style="width:0px"><li role="tab" aria-selected="false" aria-controls="tab-0-panel" tabindex="-1" id="tab-0-button" class="Tabs-module_tab__3oOoX"><span>General</span></li><li role="tab" aria-selected="true" aria-controls="tab-1-panel" tabindex="0" id="tab-1-button" class="Tabs-module_tab__3oOoX Tabs-module_active__1Ic3B"><span>Design</span></li><li role="tab" aria-selected="false" aria-controls="tab-2-panel" tabindex="-1" id="tab-2-button" class="Tabs-module_tab__3oOoX"><span>Code</span></li><li role="tab" aria-selected="false" aria-controls="tab-3-panel" tabindex="-1" id="tab-3-button" class="Tabs-module_tab__3oOoX"><span>Accessibility</span></li></ul></div><div class="Tabs-module_scrollButton__3ufhP" aria-hidden="true"><button type="button" tabindex="-1"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-right" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.5 12L8.5 7L10 5.5L16.5 12L10 18.5L8.5 17L13.5 12Z" fill="currentColor"></path></svg></button></div></div><div id="tab-1-panel" role="tabpanel" aria-labelledby="tab-1-button"><h2 id="design" style="position:relative" class="page-heading-2 heading-l">Design<a href="#design" aria-label="design permalink" class="header-anchor after"><span><span class="hds-anchor-icon hds-icon hds-icon--link hds-icon--size-xs" aria-hidden="true" style="vertical-align: middle"></span></span></a></h2>
-<div class="Accordion-module_accordion__2fPUT Accordion-module_m__2k6QY custom-theme-93" id="accordion-92"><div class="Accordion-module_accordionHeader__3_uK7"><div role="heading" aria-level="3" id="accordion-92-heading"><div role="button" tabindex="0" class="Accordion-module_headingContainer__1DzX3" aria-labelledby="accordion-92-heading" aria-expanded="false"><span class="label">What design software should I use?</span><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik Accordion-module_accordionButtonIcon__MQu2J" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-down" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 13.5L17 8.5L18.5 10L12 16.5L5.5 10L7 8.5L12 13.5Z" fill="currentColor"></path></svg></div></div></div><div style="display:none" id="accordion-92-content" role="region" class="Accordion-module_accordionContent__1umso Accordion-module_contentWithCloseButton__-einM" aria-labelledby="accordion-92-heading"><p>The official design software used in the City of Helsinki are Sketch and Abstract. These are also software that the HDS supports - meaning that the design kit is shared for the Sketch software only. It is recommended to use Sketch in your project if it is possible. It ensures that the HDS team can support you in problem situations.</p><button aria-label="Sulje What design software should I use?" type="button" class="Button-module_button__1msFE button_hds-button__2A0je Button-module_supplementary__3YKiS button_hds-button--supplementary__GcHcV Button-module_theme-black__m8giY button_hds-button--theme-black__3K_k4 Button-module_size-small__3lizH button_hds-button--small__2NFef Accordion-module_closeButton__1Qt8U" data-testid="accordion-92-closeButton"><span class="Button-module_label__a4np1 button_hds-button__label__2EQa-">Sulje</span><div class="Button-module_icon__O-h7R button_hds-icon__17j8Z" aria-hidden="true"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_xs__3kAOj icon_hds-icon--size-xs__3dAMZ Accordion-module_accordionButtonIcon__MQu2J" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 11.5L17 16.5L18.5 15L12 8.5L5.5 15L7 16.5L12 11.5Z" fill="currentColor"></path></svg></div></button></div></div>
-<div class="Accordion-module_accordion__2fPUT Accordion-module_m__2k6QY custom-theme-95" id="accordion-94"><div class="Accordion-module_accordionHeader__3_uK7"><div role="heading" aria-level="3" id="accordion-94-heading"><div role="button" tabindex="0" class="Accordion-module_headingContainer__1DzX3" aria-labelledby="accordion-94-heading" aria-expanded="false"><span class="label">Is there a HDS Figma library available?</span><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik Accordion-module_accordionButtonIcon__MQu2J" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-down" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 13.5L17 8.5L18.5 10L12 16.5L5.5 10L7 8.5L12 13.5Z" fill="currentColor"></path></svg></div></div></div><div style="display:none" id="accordion-94-content" role="region" class="Accordion-module_accordionContent__1umso Accordion-module_contentWithCloseButton__-einM" aria-labelledby="accordion-94-heading"><p>The HDS only officially supports Sketch and Abstract. Figma is not officially supported and the team cannot provide any support for Figma issues. It is recommended to use Sketch and Abstract. Figma may be supported in the future but currently, there are no plans for it.</p><button aria-label="Sulje Is there a HDS Figma library available?" type="button" class="Button-module_button__1msFE button_hds-button__2A0je Button-module_supplementary__3YKiS button_hds-button--supplementary__GcHcV Button-module_theme-black__m8giY button_hds-button--theme-black__3K_k4 Button-module_size-small__3lizH button_hds-button--small__2NFef Accordion-module_closeButton__1Qt8U" data-testid="accordion-94-closeButton"><span class="Button-module_label__a4np1 button_hds-button__label__2EQa-">Sulje</span><div class="Button-module_icon__O-h7R button_hds-icon__17j8Z" aria-hidden="true"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_xs__3kAOj icon_hds-icon--size-xs__3dAMZ Accordion-module_accordionButtonIcon__MQu2J" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 11.5L17 16.5L18.5 15L12 8.5L5.5 15L7 16.5L12 11.5Z" fill="currentColor"></path></svg></div></button></div></div>
-<div class="Accordion-module_accordion__2fPUT Accordion-module_m__2k6QY custom-theme-97" id="accordion-96"><div class="Accordion-module_accordionHeader__3_uK7"><div role="heading" aria-level="3" id="accordion-96-heading"><div role="button" tabindex="0" class="Accordion-module_headingContainer__1DzX3" aria-labelledby="accordion-96-heading" aria-expanded="false"><span class="label">How can I get the Helsinki Grotesk font to my design software?</span><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik Accordion-module_accordionButtonIcon__MQu2J" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-down" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 13.5L17 8.5L18.5 10L12 16.5L5.5 10L7 8.5L12 13.5Z" fill="currentColor"></path></svg></div></div></div><div style="display:none" id="accordion-96-content" role="region" class="Accordion-module_accordionContent__1umso Accordion-module_contentWithCloseButton__-einM" aria-labelledby="accordion-96-heading"><p>In order to use the font in a design software, you need to have the font locally on your computer. Please refer to <a aria-label="the internal font documentation in Confluence. Opens in a new tab Opens a different website" class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F" href="https://helsinkisolutionoffice.atlassian.net/wiki/spaces/DD/pages/296058881/Using+Helsinki+Grotesk+fonts" target="_blank" rel="noopener">the internal font documentation in Confluence<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik Link-module_icon__3ReCc link_icon__i_HqN Link-module_verticalAlignMediumIcon__12PVa link_vertical-align-medium-icon__3IWi1" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="link-external" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M5 3V19H21V21H3V3H5ZM21 3V12H19V6.413L9.91421 15.5L8.5 14.0858L17.585 5H12V3H21Z" fill="currentColor"></path></svg></a> and follow the desiger instructions. If you do not have access to Confluence, ask from your project&#x27;s city employee contact.</p><button aria-label="Sulje How can I get the Helsinki Grotesk font to my design software?" type="button" class="Button-module_button__1msFE button_hds-button__2A0je Button-module_supplementary__3YKiS button_hds-button--supplementary__GcHcV Button-module_theme-black__m8giY button_hds-button--theme-black__3K_k4 Button-module_size-small__3lizH button_hds-button--small__2NFef Accordion-module_closeButton__1Qt8U" data-testid="accordion-96-closeButton"><span class="Button-module_label__a4np1 button_hds-button__label__2EQa-">Sulje</span><div class="Button-module_icon__O-h7R button_hds-icon__17j8Z" aria-hidden="true"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_xs__3kAOj icon_hds-icon--size-xs__3dAMZ Accordion-module_accordionButtonIcon__MQu2J" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 11.5L17 16.5L18.5 15L12 8.5L5.5 15L7 16.5L12 11.5Z" fill="currentColor"></path></svg></div></button></div></div>
-<div class="Accordion-module_accordion__2fPUT Accordion-module_m__2k6QY custom-theme-99" id="accordion-98"><div class="Accordion-module_accordionHeader__3_uK7"><div role="heading" aria-level="3" id="accordion-98-heading"><div role="button" tabindex="0" class="Accordion-module_headingContainer__1DzX3" aria-labelledby="accordion-98-heading" aria-expanded="false"><span class="label">My Abstract projects take a long time to open or save. What should I do?</span><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik Accordion-module_accordionButtonIcon__MQu2J" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-down" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 13.5L17 8.5L18.5 10L12 16.5L5.5 10L7 8.5L12 13.5Z" fill="currentColor"></path></svg></div></div></div><div style="display:none" id="accordion-98-content" role="region" class="Accordion-module_accordionContent__1umso Accordion-module_contentWithCloseButton__-einM" aria-labelledby="accordion-98-heading"><p><p>Most often this is caused by large Sketch file sizes. Abstract recommends Sketch files to be below 50MB in size. If you files are larger than this, here are a couple of tips to reduce files&#x27; sizes:</p></p><ol><li><p><b>Reorganise your files.</b>
+<div class="Accordion-module_accordion__2fPUT Accordion-module_m__2k6QY custom-theme-80" id="accordion-79"><div class="Accordion-module_accordionHeader__3_uK7"><div role="heading" aria-level="3" id="accordion-79-heading"><div role="button" tabindex="0" class="Accordion-module_headingContainer__1DzX3" aria-labelledby="accordion-79-heading" aria-expanded="false"><span class="label">What design software should I use?</span><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik Accordion-module_accordionButtonIcon__MQu2J" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-down" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 13.5L17 8.5L18.5 10L12 16.5L5.5 10L7 8.5L12 13.5Z" fill="currentColor"></path></svg></div></div></div><div style="display:none" id="accordion-79-content" role="region" class="Accordion-module_accordionContent__1umso Accordion-module_contentWithCloseButton__-einM" aria-labelledby="accordion-79-heading"><p>The official design software used in the City of Helsinki are Sketch and Abstract. These are also software that the HDS supports - meaning that the design kit is shared for the Sketch software only. It is recommended to use Sketch in your project if it is possible. It ensures that the HDS team can support you in problem situations.</p><button aria-label="Sulje What design software should I use?" type="button" class="Button-module_button__1msFE button_hds-button__2A0je Button-module_supplementary__3YKiS button_hds-button--supplementary__GcHcV Button-module_theme-black__m8giY button_hds-button--theme-black__3K_k4 Button-module_size-small__3lizH button_hds-button--small__2NFef Accordion-module_closeButton__1Qt8U" data-testid="accordion-79-closeButton"><span class="Button-module_label__a4np1 button_hds-button__label__2EQa-">Sulje</span><div class="Button-module_icon__O-h7R button_hds-icon__17j8Z" aria-hidden="true"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_xs__3kAOj icon_hds-icon--size-xs__3dAMZ Accordion-module_accordionButtonIcon__MQu2J" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 11.5L17 16.5L18.5 15L12 8.5L5.5 15L7 16.5L12 11.5Z" fill="currentColor"></path></svg></div></button></div></div>
+<div class="Accordion-module_accordion__2fPUT Accordion-module_m__2k6QY custom-theme-82" id="accordion-81"><div class="Accordion-module_accordionHeader__3_uK7"><div role="heading" aria-level="3" id="accordion-81-heading"><div role="button" tabindex="0" class="Accordion-module_headingContainer__1DzX3" aria-labelledby="accordion-81-heading" aria-expanded="false"><span class="label">Is there a HDS Figma library available?</span><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik Accordion-module_accordionButtonIcon__MQu2J" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-down" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 13.5L17 8.5L18.5 10L12 16.5L5.5 10L7 8.5L12 13.5Z" fill="currentColor"></path></svg></div></div></div><div style="display:none" id="accordion-81-content" role="region" class="Accordion-module_accordionContent__1umso Accordion-module_contentWithCloseButton__-einM" aria-labelledby="accordion-81-heading"><p>The HDS only officially supports Sketch and Abstract. Figma is not officially supported and the team cannot provide any support for Figma issues. It is recommended to use Sketch and Abstract. Figma may be supported in the future but currently, there are no plans for it.</p><button aria-label="Sulje Is there a HDS Figma library available?" type="button" class="Button-module_button__1msFE button_hds-button__2A0je Button-module_supplementary__3YKiS button_hds-button--supplementary__GcHcV Button-module_theme-black__m8giY button_hds-button--theme-black__3K_k4 Button-module_size-small__3lizH button_hds-button--small__2NFef Accordion-module_closeButton__1Qt8U" data-testid="accordion-81-closeButton"><span class="Button-module_label__a4np1 button_hds-button__label__2EQa-">Sulje</span><div class="Button-module_icon__O-h7R button_hds-icon__17j8Z" aria-hidden="true"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_xs__3kAOj icon_hds-icon--size-xs__3dAMZ Accordion-module_accordionButtonIcon__MQu2J" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 11.5L17 16.5L18.5 15L12 8.5L5.5 15L7 16.5L12 11.5Z" fill="currentColor"></path></svg></div></button></div></div>
+<div class="Accordion-module_accordion__2fPUT Accordion-module_m__2k6QY custom-theme-84" id="accordion-83"><div class="Accordion-module_accordionHeader__3_uK7"><div role="heading" aria-level="3" id="accordion-83-heading"><div role="button" tabindex="0" class="Accordion-module_headingContainer__1DzX3" aria-labelledby="accordion-83-heading" aria-expanded="false"><span class="label">How can I get the Helsinki Grotesk font to my design software?</span><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik Accordion-module_accordionButtonIcon__MQu2J" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-down" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 13.5L17 8.5L18.5 10L12 16.5L5.5 10L7 8.5L12 13.5Z" fill="currentColor"></path></svg></div></div></div><div style="display:none" id="accordion-83-content" role="region" class="Accordion-module_accordionContent__1umso Accordion-module_contentWithCloseButton__-einM" aria-labelledby="accordion-83-heading"><p>In order to use the font in a design software, you need to have the font locally on your computer. Please refer to <a aria-label="the internal font documentation in Confluence. Opens in a new tab Opens a different website" class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F" href="https://helsinkisolutionoffice.atlassian.net/wiki/spaces/DD/pages/296058881/Using+Helsinki+Grotesk+fonts" target="_blank" rel="noopener">the internal font documentation in Confluence<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik Link-module_icon__3ReCc link_icon__i_HqN Link-module_verticalAlignMediumIcon__12PVa link_vertical-align-medium-icon__3IWi1" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="link-external" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M5 3V19H21V21H3V3H5ZM21 3V12H19V6.413L9.91421 15.5L8.5 14.0858L17.585 5H12V3H21Z" fill="currentColor"></path></svg></a> and follow the desiger instructions. If you do not have access to Confluence, ask from your project&#x27;s city employee contact.</p><button aria-label="Sulje How can I get the Helsinki Grotesk font to my design software?" type="button" class="Button-module_button__1msFE button_hds-button__2A0je Button-module_supplementary__3YKiS button_hds-button--supplementary__GcHcV Button-module_theme-black__m8giY button_hds-button--theme-black__3K_k4 Button-module_size-small__3lizH button_hds-button--small__2NFef Accordion-module_closeButton__1Qt8U" data-testid="accordion-83-closeButton"><span class="Button-module_label__a4np1 button_hds-button__label__2EQa-">Sulje</span><div class="Button-module_icon__O-h7R button_hds-icon__17j8Z" aria-hidden="true"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_xs__3kAOj icon_hds-icon--size-xs__3dAMZ Accordion-module_accordionButtonIcon__MQu2J" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 11.5L17 16.5L18.5 15L12 8.5L5.5 15L7 16.5L12 11.5Z" fill="currentColor"></path></svg></div></button></div></div>
+<div class="Accordion-module_accordion__2fPUT Accordion-module_m__2k6QY custom-theme-86" id="accordion-85"><div class="Accordion-module_accordionHeader__3_uK7"><div role="heading" aria-level="3" id="accordion-85-heading"><div role="button" tabindex="0" class="Accordion-module_headingContainer__1DzX3" aria-labelledby="accordion-85-heading" aria-expanded="false"><span class="label">My Abstract projects take a long time to open or save. What should I do?</span><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik Accordion-module_accordionButtonIcon__MQu2J" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-down" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 13.5L17 8.5L18.5 10L12 16.5L5.5 10L7 8.5L12 13.5Z" fill="currentColor"></path></svg></div></div></div><div style="display:none" id="accordion-85-content" role="region" class="Accordion-module_accordionContent__1umso Accordion-module_contentWithCloseButton__-einM" aria-labelledby="accordion-85-heading"><p><p>Most often this is caused by large Sketch file sizes. Abstract recommends Sketch files to be below 50MB in size. If you files are larger than this, here are a couple of tips to reduce files&#x27; sizes:</p></p><ol><li><p><b>Reorganise your files.</b>
 This means creating multiple smaller files from one larger file. If many of your files use the same components, create one file to hold those components and use that file as a library. Read more about creating library files in the
-<a aria-label=" Abstract&#x27;s documentation. Opens in a new tab Opens a different website" class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F" href="https://www.abstract.com/blog/the-designers-guide-to-sketch-libraries-in-abstract" target="_blank" rel="noopener"> Abstract&#x27;s documentation.<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik Link-module_icon__3ReCc link_icon__i_HqN Link-module_verticalAlignMediumIcon__12PVa link_vertical-align-medium-icon__3IWi1" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="link-external" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M5 3V19H21V21H3V3H5ZM21 3V12H19V6.413L9.91421 15.5L8.5 14.0858L17.585 5H12V3H21Z" fill="currentColor"></path></svg></a></p></li><li>In Sketch, use <b>File Reduce File Size</b> feature. This uses multiple methods to reduce the file size.</li><li><b>Check your images and compress them if needed.</b> Prefer .png and .jpeg file formats. Images are often the largest source of file sizes in Sketch projects.</li></ol><button aria-label="Sulje My Abstract projects take a long time to open or save. What should I do?" type="button" class="Button-module_button__1msFE button_hds-button__2A0je Button-module_supplementary__3YKiS button_hds-button--supplementary__GcHcV Button-module_theme-black__m8giY button_hds-button--theme-black__3K_k4 Button-module_size-small__3lizH button_hds-button--small__2NFef Accordion-module_closeButton__1Qt8U" data-testid="accordion-98-closeButton"><span class="Button-module_label__a4np1 button_hds-button__label__2EQa-">Sulje</span><div class="Button-module_icon__O-h7R button_hds-icon__17j8Z" aria-hidden="true"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_xs__3kAOj icon_hds-icon--size-xs__3dAMZ Accordion-module_accordionButtonIcon__MQu2J" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 11.5L17 16.5L18.5 15L12 8.5L5.5 15L7 16.5L12 11.5Z" fill="currentColor"></path></svg></div></button></div></div>
-<div class="Accordion-module_accordion__2fPUT Accordion-module_m__2k6QY custom-theme-101" id="accordion-100"><div class="Accordion-module_accordionHeader__3_uK7"><div role="heading" aria-level="3" id="accordion-100-heading"><div role="button" tabindex="0" class="Accordion-module_headingContainer__1DzX3" aria-labelledby="accordion-100-heading" aria-expanded="false"><span class="label">How to customize Sketch typography styles (for example, wants to use a font with a color that is not part of the default library)</span><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik Accordion-module_accordionButtonIcon__MQu2J" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-down" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 13.5L17 8.5L18.5 10L12 16.5L5.5 10L7 8.5L12 13.5Z" fill="currentColor"></path></svg></div></div></div><div style="display:none" id="accordion-100-content" role="region" class="Accordion-module_accordionContent__1umso Accordion-module_contentWithCloseButton__-einM" aria-labelledby="accordion-100-heading"><p><p>Generally, only black and white typography is recommended in the City of Helsinki services. If your project needs to use other colours (e.g. brand colours) in typography, you will quickly find out that these colour variations are not available in the shared Sketch styles and Sketch does not allow you to change the text colour without breaking the link to the original style or symbol.</p></p><p>In this case, you need to create your text style and replace the default one with that:</p><ol><li>Create a text element and give it a style of the same size you need. E.g. if you need a heading M size text, use heading M black style.</li><li>Change the colour of the inserted text.</li><li>Create a new text style for this modified text. You can do this by pressing the “Create” button in the “Appearance” side menu. Give it a descriptive name, e.g. “Heading M - 03 Bussi”.</li><li>Now you have a custom text style that you can use in HDS components. Just override the text style with your style in the “Overrides” side menu.</li></ol><button aria-label="Sulje How to customize Sketch typography styles (for example, wants to use a font with a color that is not part of the default library)" type="button" class="Button-module_button__1msFE button_hds-button__2A0je Button-module_supplementary__3YKiS button_hds-button--supplementary__GcHcV Button-module_theme-black__m8giY button_hds-button--theme-black__3K_k4 Button-module_size-small__3lizH button_hds-button--small__2NFef Accordion-module_closeButton__1Qt8U" data-testid="accordion-100-closeButton"><span class="Button-module_label__a4np1 button_hds-button__label__2EQa-">Sulje</span><div class="Button-module_icon__O-h7R button_hds-icon__17j8Z" aria-hidden="true"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_xs__3kAOj icon_hds-icon--size-xs__3dAMZ Accordion-module_accordionButtonIcon__MQu2J" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 11.5L17 16.5L18.5 15L12 8.5L5.5 15L7 16.5L12 11.5Z" fill="currentColor"></path></svg></div></button></div></div>
-<div class="Accordion-module_accordion__2fPUT Accordion-module_m__2k6QY custom-theme-103" id="accordion-102"><div class="Accordion-module_accordionHeader__3_uK7"><div role="heading" aria-level="3" id="accordion-102-heading"><div role="button" tabindex="0" class="Accordion-module_headingContainer__1DzX3" aria-labelledby="accordion-102-heading" aria-expanded="false"><span class="label">Which HDS component colors can I customise?</span><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik Accordion-module_accordionButtonIcon__MQu2J" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-down" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 13.5L17 8.5L18.5 10L12 16.5L5.5 10L7 8.5L12 13.5Z" fill="currentColor"></path></svg></div></div></div><div style="display:none" id="accordion-102-content" role="region" class="Accordion-module_accordionContent__1umso Accordion-module_contentWithCloseButton__-einM" aria-labelledby="accordion-102-heading"><p><p>First, please take a look at <a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F" href="/hds-demo/header-custom-theme-site/foundation/design-tokens/colour">the Colour token documentation</a> for general information about using the colours.</p><p>There are a few rules of thumb that you can follow when customising colours:</p><ol><li>If the colour is editable in the symbol override menu in Sketch, it can be customised.</li><li>If the default colour is Black or White, you can replace it with a Black, a White or a Grayscale colour.</li><li>If the default colour is a brand colour, you can replace it with another brand colour.</li></ol><p>If you are in doubt, you can always ask questions in the #designsystem Slack channel or via other HDS contact methods.</p></p><button aria-label="Sulje Which HDS component colors can I customise?" type="button" class="Button-module_button__1msFE button_hds-button__2A0je Button-module_supplementary__3YKiS button_hds-button--supplementary__GcHcV Button-module_theme-black__m8giY button_hds-button--theme-black__3K_k4 Button-module_size-small__3lizH button_hds-button--small__2NFef Accordion-module_closeButton__1Qt8U" data-testid="accordion-102-closeButton"><span class="Button-module_label__a4np1 button_hds-button__label__2EQa-">Sulje</span><div class="Button-module_icon__O-h7R button_hds-icon__17j8Z" aria-hidden="true"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_xs__3kAOj icon_hds-icon--size-xs__3dAMZ Accordion-module_accordionButtonIcon__MQu2J" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 11.5L17 16.5L18.5 15L12 8.5L5.5 15L7 16.5L12 11.5Z" fill="currentColor"></path></svg></div></button></div></div>
-<div class="Accordion-module_accordion__2fPUT Accordion-module_m__2k6QY custom-theme-105" id="accordion-104"><div class="Accordion-module_accordionHeader__3_uK7"><div role="heading" aria-level="3" id="accordion-104-heading"><div role="button" tabindex="0" class="Accordion-module_headingContainer__1DzX3" aria-labelledby="accordion-104-heading" aria-expanded="false"><span class="label">Where can the icons be found in vector/PNG/etc. format?</span><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik Accordion-module_accordionButtonIcon__MQu2J" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-down" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 13.5L17 8.5L18.5 10L12 16.5L5.5 10L7 8.5L12 13.5Z" fill="currentColor"></path></svg></div></div></div><div style="display:none" id="accordion-104-content" role="region" class="Accordion-module_accordionContent__1umso Accordion-module_contentWithCloseButton__-einM" aria-labelledby="accordion-104-heading"><p>You can <a aria-label="
+<a aria-label=" Abstract&#x27;s documentation. Opens in a new tab Opens a different website" class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F" href="https://www.abstract.com/blog/the-designers-guide-to-sketch-libraries-in-abstract" target="_blank" rel="noopener"> Abstract&#x27;s documentation.<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik Link-module_icon__3ReCc link_icon__i_HqN Link-module_verticalAlignMediumIcon__12PVa link_vertical-align-medium-icon__3IWi1" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="link-external" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M5 3V19H21V21H3V3H5ZM21 3V12H19V6.413L9.91421 15.5L8.5 14.0858L17.585 5H12V3H21Z" fill="currentColor"></path></svg></a></p></li><li>In Sketch, use <b>File Reduce File Size</b> feature. This uses multiple methods to reduce the file size.</li><li><b>Check your images and compress them if needed.</b> Prefer .png and .jpeg file formats. Images are often the largest source of file sizes in Sketch projects.</li></ol><button aria-label="Sulje My Abstract projects take a long time to open or save. What should I do?" type="button" class="Button-module_button__1msFE button_hds-button__2A0je Button-module_supplementary__3YKiS button_hds-button--supplementary__GcHcV Button-module_theme-black__m8giY button_hds-button--theme-black__3K_k4 Button-module_size-small__3lizH button_hds-button--small__2NFef Accordion-module_closeButton__1Qt8U" data-testid="accordion-85-closeButton"><span class="Button-module_label__a4np1 button_hds-button__label__2EQa-">Sulje</span><div class="Button-module_icon__O-h7R button_hds-icon__17j8Z" aria-hidden="true"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_xs__3kAOj icon_hds-icon--size-xs__3dAMZ Accordion-module_accordionButtonIcon__MQu2J" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 11.5L17 16.5L18.5 15L12 8.5L5.5 15L7 16.5L12 11.5Z" fill="currentColor"></path></svg></div></button></div></div>
+<div class="Accordion-module_accordion__2fPUT Accordion-module_m__2k6QY custom-theme-88" id="accordion-87"><div class="Accordion-module_accordionHeader__3_uK7"><div role="heading" aria-level="3" id="accordion-87-heading"><div role="button" tabindex="0" class="Accordion-module_headingContainer__1DzX3" aria-labelledby="accordion-87-heading" aria-expanded="false"><span class="label">How to customize Sketch typography styles (for example, wants to use a font with a color that is not part of the default library)</span><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik Accordion-module_accordionButtonIcon__MQu2J" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-down" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 13.5L17 8.5L18.5 10L12 16.5L5.5 10L7 8.5L12 13.5Z" fill="currentColor"></path></svg></div></div></div><div style="display:none" id="accordion-87-content" role="region" class="Accordion-module_accordionContent__1umso Accordion-module_contentWithCloseButton__-einM" aria-labelledby="accordion-87-heading"><p><p>Generally, only black and white typography is recommended in the City of Helsinki services. If your project needs to use other colours (e.g. brand colours) in typography, you will quickly find out that these colour variations are not available in the shared Sketch styles and Sketch does not allow you to change the text colour without breaking the link to the original style or symbol.</p></p><p>In this case, you need to create your text style and replace the default one with that:</p><ol><li>Create a text element and give it a style of the same size you need. E.g. if you need a heading M size text, use heading M black style.</li><li>Change the colour of the inserted text.</li><li>Create a new text style for this modified text. You can do this by pressing the “Create” button in the “Appearance” side menu. Give it a descriptive name, e.g. “Heading M - 03 Bussi”.</li><li>Now you have a custom text style that you can use in HDS components. Just override the text style with your style in the “Overrides” side menu.</li></ol><button aria-label="Sulje How to customize Sketch typography styles (for example, wants to use a font with a color that is not part of the default library)" type="button" class="Button-module_button__1msFE button_hds-button__2A0je Button-module_supplementary__3YKiS button_hds-button--supplementary__GcHcV Button-module_theme-black__m8giY button_hds-button--theme-black__3K_k4 Button-module_size-small__3lizH button_hds-button--small__2NFef Accordion-module_closeButton__1Qt8U" data-testid="accordion-87-closeButton"><span class="Button-module_label__a4np1 button_hds-button__label__2EQa-">Sulje</span><div class="Button-module_icon__O-h7R button_hds-icon__17j8Z" aria-hidden="true"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_xs__3kAOj icon_hds-icon--size-xs__3dAMZ Accordion-module_accordionButtonIcon__MQu2J" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 11.5L17 16.5L18.5 15L12 8.5L5.5 15L7 16.5L12 11.5Z" fill="currentColor"></path></svg></div></button></div></div>
+<div class="Accordion-module_accordion__2fPUT Accordion-module_m__2k6QY custom-theme-90" id="accordion-89"><div class="Accordion-module_accordionHeader__3_uK7"><div role="heading" aria-level="3" id="accordion-89-heading"><div role="button" tabindex="0" class="Accordion-module_headingContainer__1DzX3" aria-labelledby="accordion-89-heading" aria-expanded="false"><span class="label">Which HDS component colors can I customise?</span><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik Accordion-module_accordionButtonIcon__MQu2J" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-down" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 13.5L17 8.5L18.5 10L12 16.5L5.5 10L7 8.5L12 13.5Z" fill="currentColor"></path></svg></div></div></div><div style="display:none" id="accordion-89-content" role="region" class="Accordion-module_accordionContent__1umso Accordion-module_contentWithCloseButton__-einM" aria-labelledby="accordion-89-heading"><p><p>First, please take a look at <a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F" href="/hds-demo/header-custom-theme-site/foundation/design-tokens/colour">the Colour token documentation</a> for general information about using the colours.</p><p>There are a few rules of thumb that you can follow when customising colours:</p><ol><li>If the colour is editable in the symbol override menu in Sketch, it can be customised.</li><li>If the default colour is Black or White, you can replace it with a Black, a White or a Grayscale colour.</li><li>If the default colour is a brand colour, you can replace it with another brand colour.</li></ol><p>If you are in doubt, you can always ask questions in the #designsystem Slack channel or via other HDS contact methods.</p></p><button aria-label="Sulje Which HDS component colors can I customise?" type="button" class="Button-module_button__1msFE button_hds-button__2A0je Button-module_supplementary__3YKiS button_hds-button--supplementary__GcHcV Button-module_theme-black__m8giY button_hds-button--theme-black__3K_k4 Button-module_size-small__3lizH button_hds-button--small__2NFef Accordion-module_closeButton__1Qt8U" data-testid="accordion-89-closeButton"><span class="Button-module_label__a4np1 button_hds-button__label__2EQa-">Sulje</span><div class="Button-module_icon__O-h7R button_hds-icon__17j8Z" aria-hidden="true"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_xs__3kAOj icon_hds-icon--size-xs__3dAMZ Accordion-module_accordionButtonIcon__MQu2J" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 11.5L17 16.5L18.5 15L12 8.5L5.5 15L7 16.5L12 11.5Z" fill="currentColor"></path></svg></div></button></div></div>
+<div class="Accordion-module_accordion__2fPUT Accordion-module_m__2k6QY custom-theme-92" id="accordion-91"><div class="Accordion-module_accordionHeader__3_uK7"><div role="heading" aria-level="3" id="accordion-91-heading"><div role="button" tabindex="0" class="Accordion-module_headingContainer__1DzX3" aria-labelledby="accordion-91-heading" aria-expanded="false"><span class="label">Where can the icons be found in vector/PNG/etc. format?</span><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik Accordion-module_accordionButtonIcon__MQu2J" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-down" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 13.5L17 8.5L18.5 10L12 16.5L5.5 10L7 8.5L12 13.5Z" fill="currentColor"></path></svg></div></div></div><div style="display:none" id="accordion-91-content" role="region" class="Accordion-module_accordionContent__1umso Accordion-module_contentWithCloseButton__-einM" aria-labelledby="accordion-91-heading"><p>You can <a aria-label="
 download the newest HDS icon kit from GitHub. Opens in a new tab. Opens a different website." class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F" href="https://github.com/City-of-Helsinki/helsinki-design-system/releases/latest/download/hds-icon-kit.zip" target="_blank" rel="noopener">
-download the newest HDS icon kit from GitHub.<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik Link-module_icon__3ReCc link_icon__i_HqN Link-module_verticalAlignMediumIcon__12PVa link_vertical-align-medium-icon__3IWi1" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="link-external" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M5 3V19H21V21H3V3H5ZM21 3V12H19V6.413L9.91421 15.5L8.5 14.0858L17.585 5H12V3H21Z" fill="currentColor"></path></svg></a> The kit contains all HDS icons in SVG, PNG, EPS and PDF formats.</p><button aria-label="Sulje Where can the icons be found in vector/PNG/etc. format?" type="button" class="Button-module_button__1msFE button_hds-button__2A0je Button-module_supplementary__3YKiS button_hds-button--supplementary__GcHcV Button-module_theme-black__m8giY button_hds-button--theme-black__3K_k4 Button-module_size-small__3lizH button_hds-button--small__2NFef Accordion-module_closeButton__1Qt8U" data-testid="accordion-104-closeButton"><span class="Button-module_label__a4np1 button_hds-button__label__2EQa-">Sulje</span><div class="Button-module_icon__O-h7R button_hds-icon__17j8Z" aria-hidden="true"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_xs__3kAOj icon_hds-icon--size-xs__3dAMZ Accordion-module_accordionButtonIcon__MQu2J" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 11.5L17 16.5L18.5 15L12 8.5L5.5 15L7 16.5L12 11.5Z" fill="currentColor"></path></svg></div></button></div></div></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-106" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-106)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
+download the newest HDS icon kit from GitHub.<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik Link-module_icon__3ReCc link_icon__i_HqN Link-module_verticalAlignMediumIcon__12PVa link_vertical-align-medium-icon__3IWi1" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="link-external" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M5 3V19H21V21H3V3H5ZM21 3V12H19V6.413L9.91421 15.5L8.5 14.0858L17.585 5H12V3H21Z" fill="currentColor"></path></svg></a> The kit contains all HDS icons in SVG, PNG, EPS and PDF formats.</p><button aria-label="Sulje Where can the icons be found in vector/PNG/etc. format?" type="button" class="Button-module_button__1msFE button_hds-button__2A0je Button-module_supplementary__3YKiS button_hds-button--supplementary__GcHcV Button-module_theme-black__m8giY button_hds-button--theme-black__3K_k4 Button-module_size-small__3lizH button_hds-button--small__2NFef Accordion-module_closeButton__1Qt8U" data-testid="accordion-91-closeButton"><span class="Button-module_label__a4np1 button_hds-button__label__2EQa-">Sulje</span><div class="Button-module_icon__O-h7R button_hds-icon__17j8Z" aria-hidden="true"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_xs__3kAOj icon_hds-icon--size-xs__3dAMZ Accordion-module_accordionButtonIcon__MQu2J" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 11.5L17 16.5L18.5 15L12 8.5L5.5 15L7 16.5L12 11.5Z" fill="currentColor"></path></svg></div></button></div></div></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-93" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-93)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
     window.dev = undefined
     if (window.dev === true || !(navigator.doNotTrack === '1' || window.doNotTrack === '1')) {
       window._paq = window._paq || [];
@@ -93,6 +93,6 @@
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/getting-started/faq/index.html b/docs/header-custom-theme-site/getting-started/faq/index.html
index a19a2fcead..d959e0c58f 100644
--- a/docs/header-custom-theme-site/getting-started/faq/index.html
+++ b/docs/header-custom-theme-site/getting-started/faq/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Frequently asked questions"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Frequently asked questions"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -55,18 +55,18 @@
   </script><link rel="manifest" href="/hds-demo/header-custom-theme-site/manifest.webmanifest" crossorigin="anonymous"/><link rel="apple-touch-icon" sizes="any" href="/hds-demo/header-custom-theme-site/favicon/light/favicon-32x32.ico"/><link rel="apple-touch-icon" href="/hds-demo/header-custom-theme-site/favicon/light/apple-touch-icon.png"/><link rel="apple-touch-icon" sizes="192x192" href="/hds-demo/header-custom-theme-site/favicon/light/favicon-192x192.png"/><link rel="apple-touch-icon" sizes="512x512" href="/hds-demo/header-custom-theme-site/favicon/light/favicon-512x512.png"/><link rel="preconnect" href="https://webanalytics.digiaiiris.com/js"/></head><body><div id="___gatsby"><div style="outline:none" tabindex="-1" id="gatsby-focus-wrapper"><div class="page text-body"><header id="page-header" class="Navigation-module_header__2HNOX Navigation-module_theme-light__36nmi pageHeader"><a class="Navigation-module_skipToContent__2p54x" href="#content">Skip to content</a><div class="visible-module_belowM__2GR1J"><div class="Navigation-module_headerBackgroundWrapper__137R3"><div class="Navigation-module_headerContainer__2YPsu"><a class="Navigation-module_title__3zRBe" href="https://hds.hel.fi" aria-label="Helsinki: Helsinki Design System"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Navigation-module_logo__1sEy6" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg><span><div class="page-header-title"><div>Helsinki Design System</div><div class="page-header-title-badge"><img style="filter:invert(1)" alt="HDS version number: 2.15.0" src="https://img.shields.io/github/v/release/City-of-Helsinki/helsinki-design-system?label=&amp;style=for-the-badge&amp;color=1a1a1a"/></div></div></span></a><button aria-label="menu" aria-haspopup="true" aria-expanded="false" type="button" class="Navigation-module_mobileMenuToggle__1v6en"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="menu-hamburger" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M22 17V19H2V17H22ZM22 11V13H2V11H22ZM22 5V7H2V5H22Z" fill="currentColor"></path></svg></button></div></div></div><div class="visible-module_aboveM__31mn_"><div class="Navigation-module_headerBackgroundWrapper__137R3"><div class="Navigation-module_headerContainer__2YPsu"><a class="Navigation-module_title__3zRBe" href="https://hds.hel.fi" aria-label="Helsinki: Helsinki Design System"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Navigation-module_logo__1sEy6" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg><span><div class="page-header-title"><div>Helsinki Design System</div><div class="page-header-title-badge"><img style="filter:invert(1)" alt="HDS version number: 2.15.0" src="https://img.shields.io/github/v/release/City-of-Helsinki/helsinki-design-system?label=&amp;style=for-the-badge&amp;color=1a1a1a"/></div></div></span></a><div class="Navigation-module_headerContent__3zHbK"></div></div></div><nav class="NavigationRow-module_navigation__24tui NavigationRow-module_subNav__3fDXv" aria-label="Site navigation"><a aria-current="page" class="NavigationItem-module_rowItem__2QxRz NavigationItem-module_active__3Ckcw" href="/hds-demo/header-custom-theme-site/getting-started/"><span class="NavigationItem-module_label__1UsXG button_hds-button__label__3r3Mi">Getting started</span></a><a class="NavigationItem-module_rowItem__2QxRz" href="/hds-demo/header-custom-theme-site/foundation/"><span class="NavigationItem-module_label__1UsXG button_hds-button__label__3r3Mi">Foundation</span></a><a class="NavigationItem-module_rowItem__2QxRz" href="/hds-demo/header-custom-theme-site/components/"><span class="NavigationItem-module_label__1UsXG button_hds-button__label__3r3Mi">Components</span></a><a class="NavigationItem-module_rowItem__2QxRz" href="/hds-demo/header-custom-theme-site/patterns/"><span class="NavigationItem-module_label__1UsXG button_hds-button__label__3r3Mi">Patterns</span></a><a class="NavigationItem-module_rowItem__2QxRz" href="/hds-demo/header-custom-theme-site/about/"><span class="NavigationItem-module_label__1UsXG button_hds-button__label__3r3Mi">About</span></a></nav></div></header><div class="page-content"><aside class="side-content"><nav class="SideNavigation-module_sideNavigation__3X-9P" id="side-navigation" aria-label="Getting started"><button type="button" class="Button-module_button__1msFE button_hds-button__2A0je Button-module_secondary__1nABp button_hds-button--secondary__1NOWS Button-module_fullWidth__31eVK button_hds-button--fullwidth__1_hG9 SideNavigation-module_toggleButton__10tXH" aria-controls="side-navigation-menu" aria-expanded="false" aria-haspopup="true"><span class="Button-module_label__a4np1 button_hds-button__label__2EQa-">Navigate to page</span><div class="Button-module_icon__O-h7R button_hds-icon__17j8Z" aria-hidden="true"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-down" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 13.5L17 8.5L18.5 10L12 16.5L5.5 10L7 8.5L12 13.5Z" fill="currentColor"></path></svg></div></button><ul class="SideNavigation-module_mainLevelList__SLZKQ" aria-label="Navigate to page" id="side-navigation-menu"><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Getting started" id="side-nav-getting-started" href="/hds-demo/header-custom-theme-site/getting-started"><span class="MainLevel-module_label__uWKJ7">Getting started</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_mainLevelWithDivider__1knXE MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Designer" id="side-nav-getting-started-designer" href="/hds-demo/header-custom-theme-site/getting-started/designer"><span class="MainLevel-module_label__uWKJ7">Designer</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Developer" id="side-nav-getting-started-developer" href="/hds-demo/header-custom-theme-site/getting-started/developer"><span class="MainLevel-module_label__uWKJ7">Developer</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_mainLevelWithDivider__1knXE MainLevel-module_open__2yWFj"><button type="button" aria-label="Contributing" aria-current="false" aria-expanded="true" id="side-nav-getting-started-contributing"><span class="MainLevel-module_label__uWKJ7">Contributing</span><span class="MainLevel-module_rightIcon__2D9o7" aria-hidden="true"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 11.5L17 16.5L18.5 15L12 8.5L5.5 15L7 16.5L12 11.5Z" fill="currentColor"></path></svg></span></button><ul class="MainLevel-module_mainLevelListMenu__FG6Ed" id="side-nav-getting-started-contributing-menu" aria-hidden="false" aria-labelledby="side-nav-getting-started-contributing"><li class="SubLevel-module_subLevel__2TvTK"><a aria-current="false" href="/hds-demo/header-custom-theme-site/getting-started/contributing/design">Design</a></li><li class="SubLevel-module_subLevel__2TvTK"><a aria-current="false" href="/hds-demo/header-custom-theme-site/getting-started/contributing/documentation">Documentation</a></li><li class="SubLevel-module_subLevel__2TvTK"><a aria-current="false" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute">How to contribute</a></li><li class="SubLevel-module_subLevel__2TvTK"><a aria-current="false" href="/hds-demo/header-custom-theme-site/getting-started/contributing/icons">Icons</a></li><li class="SubLevel-module_subLevel__2TvTK"><a aria-current="false" href="/hds-demo/header-custom-theme-site/getting-started/contributing/implementation">Implementation</a></li></ul></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_mainLevelWithDivider__1knXE MainLevel-module_active__3IkdI MainLevel-module_open__2yWFj"><a aria-current="page" aria-label="FAQ" id="side-nav-getting-started-faq" href="/hds-demo/header-custom-theme-site/getting-started/faq"><span class="MainLevel-module_label__uWKJ7">FAQ</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_mainLevelWithDivider__1knXE MainLevel-module_open__2yWFj"><a aria-current="false" aria-label="Versioning" id="side-nav-getting-started-versioning" href="/hds-demo/header-custom-theme-site/getting-started/versioning"><span class="MainLevel-module_label__uWKJ7">Versioning</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><button type="button" aria-label="Tutorials" aria-current="false" aria-expanded="true" id="side-nav-getting-started-tutorials"><span class="MainLevel-module_label__uWKJ7">Tutorials</span><span class="MainLevel-module_rightIcon__2D9o7" aria-hidden="true"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 11.5L17 16.5L18.5 15L12 8.5L5.5 15L7 16.5L12 11.5Z" fill="currentColor"></path></svg></span></button><ul class="MainLevel-module_mainLevelListMenu__FG6Ed" id="side-nav-getting-started-tutorials-menu" aria-hidden="false" aria-labelledby="side-nav-getting-started-tutorials"><li class="SubLevel-module_subLevel__2TvTK"><a aria-current="false" href="/hds-demo/header-custom-theme-site/getting-started/tutorials/abstract-tutorial">Abstract basics</a></li></ul></li></ul></nav></aside><main id="content" class="main-content"><h1 id="frequently-asked-questions" style="position:relative" class="page-heading-1 heading-xl-mobile">Frequently asked questions<a href="#frequently-asked-questions" aria-label="frequently asked questions permalink" class="header-anchor after"><span><span class="hds-anchor-icon hds-icon hds-icon--link hds-icon--size-xs" aria-hidden="true" style="vertical-align: middle"></span></span></a></h1>
 <p style="font-size:var(--fontsize-body-xl);color:var(--color-black-90);max-width:600px">Here you will find frequently asked questions about HDS and answers to those questions. If you do not find an answer to your question on this page, you can always contact the HDS team for more information.</p>
 <div class="Tabs-module_tabs__2Ww5F"><div class="Tabs-module_tablistBar__elMv9 page-tabs-list"><div class="Tabs-module_scrollButton__3ufhP" aria-hidden="true"><button type="button" tabindex="-1"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-left" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.5 12L15.5 17L14 18.5L7.5 12L14 5.5L15.5 7L10.5 12Z" fill="currentColor"></path></svg></button></div><div class="Tabs-module_tablist__1iuDO"><ul role="tablist" style="width:0px"><li role="tab" aria-selected="true" aria-controls="tab-0-panel" tabindex="0" id="tab-0-button" class="Tabs-module_tab__3oOoX Tabs-module_active__1Ic3B"><span>General</span></li><li role="tab" aria-selected="false" aria-controls="tab-1-panel" tabindex="-1" id="tab-1-button" class="Tabs-module_tab__3oOoX"><span>Design</span></li><li role="tab" aria-selected="false" aria-controls="tab-2-panel" tabindex="-1" id="tab-2-button" class="Tabs-module_tab__3oOoX"><span>Code</span></li><li role="tab" aria-selected="false" aria-controls="tab-3-panel" tabindex="-1" id="tab-3-button" class="Tabs-module_tab__3oOoX"><span>Accessibility</span></li></ul></div><div class="Tabs-module_scrollButton__3ufhP" aria-hidden="true"><button type="button" tabindex="-1"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-right" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.5 12L8.5 7L10 5.5L16.5 12L10 18.5L8.5 17L13.5 12Z" fill="currentColor"></path></svg></button></div></div><div id="tab-0-panel" role="tabpanel" aria-labelledby="tab-0-button"><h2 id="general" style="position:relative" class="page-heading-2 heading-l">General<a href="#general" aria-label="general permalink" class="header-anchor after"><span><span class="hds-anchor-icon hds-icon hds-icon--link hds-icon--size-xs" aria-hidden="true" style="vertical-align: middle"></span></span></a></h2>
-<div class="Accordion-module_accordion__2fPUT Accordion-module_m__2k6QY custom-theme-80" id="accordion-79"><div class="Accordion-module_accordionHeader__3_uK7"><div role="heading" aria-level="3" id="accordion-79-heading"><div role="button" tabindex="0" class="Accordion-module_headingContainer__1DzX3" aria-labelledby="accordion-79-heading" aria-expanded="false"><span class="label">What is Helsinki Design System (HDS)?</span><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik Accordion-module_accordionButtonIcon__MQu2J" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-down" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 13.5L17 8.5L18.5 10L12 16.5L5.5 10L7 8.5L12 13.5Z" fill="currentColor"></path></svg></div></div></div><div style="display:none" id="accordion-79-content" role="region" class="Accordion-module_accordionContent__1umso Accordion-module_contentWithCloseButton__-einM" aria-labelledby="accordion-79-heading"><p>Helsinki Design System (HDS) is an open-source design system built by the City of Helsinki. It consists of tools for
+<div class="Accordion-module_accordion__2fPUT Accordion-module_m__2k6QY custom-theme-95" id="accordion-94"><div class="Accordion-module_accordionHeader__3_uK7"><div role="heading" aria-level="3" id="accordion-94-heading"><div role="button" tabindex="0" class="Accordion-module_headingContainer__1DzX3" aria-labelledby="accordion-94-heading" aria-expanded="false"><span class="label">What is Helsinki Design System (HDS)?</span><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik Accordion-module_accordionButtonIcon__MQu2J" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-down" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 13.5L17 8.5L18.5 10L12 16.5L5.5 10L7 8.5L12 13.5Z" fill="currentColor"></path></svg></div></div></div><div style="display:none" id="accordion-94-content" role="region" class="Accordion-module_accordionContent__1umso Accordion-module_contentWithCloseButton__-einM" aria-labelledby="accordion-94-heading"><p>Helsinki Design System (HDS) is an open-source design system built by the City of Helsinki. It consists of tools for
 development and design as well as resources and guidelines for creating user-friendly, accessible solutions for the
-city.</p><button aria-label="Sulje What is Helsinki Design System (HDS)?" type="button" class="Button-module_button__1msFE button_hds-button__2A0je Button-module_supplementary__3YKiS button_hds-button--supplementary__GcHcV Button-module_theme-black__m8giY button_hds-button--theme-black__3K_k4 Button-module_size-small__3lizH button_hds-button--small__2NFef Accordion-module_closeButton__1Qt8U" data-testid="accordion-79-closeButton"><span class="Button-module_label__a4np1 button_hds-button__label__2EQa-">Sulje</span><div class="Button-module_icon__O-h7R button_hds-icon__17j8Z" aria-hidden="true"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_xs__3kAOj icon_hds-icon--size-xs__3dAMZ Accordion-module_accordionButtonIcon__MQu2J" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 11.5L17 16.5L18.5 15L12 8.5L5.5 15L7 16.5L12 11.5Z" fill="currentColor"></path></svg></div></button></div></div>
-<div class="Accordion-module_accordion__2fPUT Accordion-module_m__2k6QY custom-theme-82" id="accordion-81"><div class="Accordion-module_accordionHeader__3_uK7"><div role="heading" aria-level="3" id="accordion-81-heading"><div role="button" tabindex="0" class="Accordion-module_headingContainer__1DzX3" aria-labelledby="accordion-81-heading" aria-expanded="false"><span class="label">Who is developing Helsinki Design System?</span><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik Accordion-module_accordionButtonIcon__MQu2J" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-down" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 13.5L17 8.5L18.5 10L12 16.5L5.5 10L7 8.5L12 13.5Z" fill="currentColor"></path></svg></div></div></div><div style="display:none" id="accordion-81-content" role="region" class="Accordion-module_accordionContent__1umso Accordion-module_contentWithCloseButton__-einM" aria-labelledby="accordion-81-heading"><p>Helsinki Design System is being developed and maintained by a 5-person team. The team consists of a product owner, two
+city.</p><button aria-label="Sulje What is Helsinki Design System (HDS)?" type="button" class="Button-module_button__1msFE button_hds-button__2A0je Button-module_supplementary__3YKiS button_hds-button--supplementary__GcHcV Button-module_theme-black__m8giY button_hds-button--theme-black__3K_k4 Button-module_size-small__3lizH button_hds-button--small__2NFef Accordion-module_closeButton__1Qt8U" data-testid="accordion-94-closeButton"><span class="Button-module_label__a4np1 button_hds-button__label__2EQa-">Sulje</span><div class="Button-module_icon__O-h7R button_hds-icon__17j8Z" aria-hidden="true"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_xs__3kAOj icon_hds-icon--size-xs__3dAMZ Accordion-module_accordionButtonIcon__MQu2J" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 11.5L17 16.5L18.5 15L12 8.5L5.5 15L7 16.5L12 11.5Z" fill="currentColor"></path></svg></div></button></div></div>
+<div class="Accordion-module_accordion__2fPUT Accordion-module_m__2k6QY custom-theme-97" id="accordion-96"><div class="Accordion-module_accordionHeader__3_uK7"><div role="heading" aria-level="3" id="accordion-96-heading"><div role="button" tabindex="0" class="Accordion-module_headingContainer__1DzX3" aria-labelledby="accordion-96-heading" aria-expanded="false"><span class="label">Who is developing Helsinki Design System?</span><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik Accordion-module_accordionButtonIcon__MQu2J" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-down" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 13.5L17 8.5L18.5 10L12 16.5L5.5 10L7 8.5L12 13.5Z" fill="currentColor"></path></svg></div></div></div><div style="display:none" id="accordion-96-content" role="region" class="Accordion-module_accordionContent__1umso Accordion-module_contentWithCloseButton__-einM" aria-labelledby="accordion-96-heading"><p>Helsinki Design System is being developed and maintained by a 5-person team. The team consists of a product owner, two
 developers, and two designers. It is also very common that projects using the HDS libraries will contribute to the
-development via proposing designs, bug fixes, and new features.</p><button aria-label="Sulje Who is developing Helsinki Design System?" type="button" class="Button-module_button__1msFE button_hds-button__2A0je Button-module_supplementary__3YKiS button_hds-button--supplementary__GcHcV Button-module_theme-black__m8giY button_hds-button--theme-black__3K_k4 Button-module_size-small__3lizH button_hds-button--small__2NFef Accordion-module_closeButton__1Qt8U" data-testid="accordion-81-closeButton"><span class="Button-module_label__a4np1 button_hds-button__label__2EQa-">Sulje</span><div class="Button-module_icon__O-h7R button_hds-icon__17j8Z" aria-hidden="true"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_xs__3kAOj icon_hds-icon--size-xs__3dAMZ Accordion-module_accordionButtonIcon__MQu2J" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 11.5L17 16.5L18.5 15L12 8.5L5.5 15L7 16.5L12 11.5Z" fill="currentColor"></path></svg></div></button></div></div>
-<div class="Accordion-module_accordion__2fPUT Accordion-module_m__2k6QY custom-theme-84" id="accordion-83"><div class="Accordion-module_accordionHeader__3_uK7"><div role="heading" aria-level="3" id="accordion-83-heading"><div role="button" tabindex="0" class="Accordion-module_headingContainer__1DzX3" aria-labelledby="accordion-83-heading" aria-expanded="false"><span class="label">Can I contribute to the Helsinki Design System?</span><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik Accordion-module_accordionButtonIcon__MQu2J" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-down" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 13.5L17 8.5L18.5 10L12 16.5L5.5 10L7 8.5L12 13.5Z" fill="currentColor"></path></svg></div></div></div><div style="display:none" id="accordion-83-content" role="region" class="Accordion-module_accordionContent__1umso Accordion-module_contentWithCloseButton__-einM" aria-labelledby="accordion-83-heading"><p>Yes! We appreciate all contributions both from inside and outside of the city organisations. Contributions can relate
-to design, implementation or documentation. You can find our contribution guidelines in the</p><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><p>Getting started - Contribution section</p></a><p>.</p><button aria-label="Sulje Can I contribute to the Helsinki Design System?" type="button" class="Button-module_button__1msFE button_hds-button__2A0je Button-module_supplementary__3YKiS button_hds-button--supplementary__GcHcV Button-module_theme-black__m8giY button_hds-button--theme-black__3K_k4 Button-module_size-small__3lizH button_hds-button--small__2NFef Accordion-module_closeButton__1Qt8U" data-testid="accordion-83-closeButton"><span class="Button-module_label__a4np1 button_hds-button__label__2EQa-">Sulje</span><div class="Button-module_icon__O-h7R button_hds-icon__17j8Z" aria-hidden="true"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_xs__3kAOj icon_hds-icon--size-xs__3dAMZ Accordion-module_accordionButtonIcon__MQu2J" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 11.5L17 16.5L18.5 15L12 8.5L5.5 15L7 16.5L12 11.5Z" fill="currentColor"></path></svg></div></button></div></div>
-<div class="Accordion-module_accordion__2fPUT Accordion-module_m__2k6QY custom-theme-86" id="accordion-85"><div class="Accordion-module_accordionHeader__3_uK7"><div role="heading" aria-level="3" id="accordion-85-heading"><div role="button" tabindex="0" class="Accordion-module_headingContainer__1DzX3" aria-labelledby="accordion-85-heading" aria-expanded="false"><span class="label">How can I contact the HDS team?</span><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik Accordion-module_accordionButtonIcon__MQu2J" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-down" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 13.5L17 8.5L18.5 10L12 16.5L5.5 10L7 8.5L12 13.5Z" fill="currentColor"></path></svg></div></div></div><div style="display:none" id="accordion-85-content" role="region" class="Accordion-module_accordionContent__1umso Accordion-module_contentWithCloseButton__-einM" aria-labelledby="accordion-85-heading"><p>We are always happy to help you and your project if you have issues with HDS. We also appreciate feedback. You can
-find the recommended contact channels in the</p><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F" href="/hds-demo/header-custom-theme-site/about"><p>About - Support section</p></a><p>.</p><button aria-label="Sulje How can I contact the HDS team?" type="button" class="Button-module_button__1msFE button_hds-button__2A0je Button-module_supplementary__3YKiS button_hds-button--supplementary__GcHcV Button-module_theme-black__m8giY button_hds-button--theme-black__3K_k4 Button-module_size-small__3lizH button_hds-button--small__2NFef Accordion-module_closeButton__1Qt8U" data-testid="accordion-85-closeButton"><span class="Button-module_label__a4np1 button_hds-button__label__2EQa-">Sulje</span><div class="Button-module_icon__O-h7R button_hds-icon__17j8Z" aria-hidden="true"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_xs__3kAOj icon_hds-icon--size-xs__3dAMZ Accordion-module_accordionButtonIcon__MQu2J" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 11.5L17 16.5L18.5 15L12 8.5L5.5 15L7 16.5L12 11.5Z" fill="currentColor"></path></svg></div></button></div></div>
-<div class="Accordion-module_accordion__2fPUT Accordion-module_m__2k6QY custom-theme-88" id="accordion-87"><div class="Accordion-module_accordionHeader__3_uK7"><div role="heading" aria-level="3" id="accordion-87-heading"><div role="button" tabindex="0" class="Accordion-module_headingContainer__1DzX3" aria-labelledby="accordion-87-heading" aria-expanded="false"><span class="label">What browser and browser versions are supported?</span><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik Accordion-module_accordionButtonIcon__MQu2J" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-down" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 13.5L17 8.5L18.5 10L12 16.5L5.5 10L7 8.5L12 13.5Z" fill="currentColor"></path></svg></div></div></div><div style="display:none" id="accordion-87-content" role="region" class="Accordion-module_accordionContent__1umso Accordion-module_contentWithCloseButton__-einM" aria-labelledby="accordion-87-heading"><p><p>HDS follows the guideline of the City of Helsinki related to browser support. This means that the following browsers are officially supported</p><ul><li>Chrome</li><li>Firefox</li><li>Safari</li></ul><p>Versions 6 months old and newer are supported.</p><p>Note: While these three (3) browsers are officially supported by the HDS, you can still report bugs and request support related to other browsers as well. HDS team will do their best to fix issues with other browsers and versions too.</p></p><button aria-label="Sulje What browser and browser versions are supported?" type="button" class="Button-module_button__1msFE button_hds-button__2A0je Button-module_supplementary__3YKiS button_hds-button--supplementary__GcHcV Button-module_theme-black__m8giY button_hds-button--theme-black__3K_k4 Button-module_size-small__3lizH button_hds-button--small__2NFef Accordion-module_closeButton__1Qt8U" data-testid="accordion-87-closeButton"><span class="Button-module_label__a4np1 button_hds-button__label__2EQa-">Sulje</span><div class="Button-module_icon__O-h7R button_hds-icon__17j8Z" aria-hidden="true"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_xs__3kAOj icon_hds-icon--size-xs__3dAMZ Accordion-module_accordionButtonIcon__MQu2J" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 11.5L17 16.5L18.5 15L12 8.5L5.5 15L7 16.5L12 11.5Z" fill="currentColor"></path></svg></div></button></div></div>
-<div class="Accordion-module_accordion__2fPUT Accordion-module_m__2k6QY custom-theme-90" id="accordion-89"><div class="Accordion-module_accordionHeader__3_uK7"><div role="heading" aria-level="3" id="accordion-89-heading"><div role="button" tabindex="0" class="Accordion-module_headingContainer__1DzX3" aria-labelledby="accordion-89-heading" aria-expanded="false"><span class="label">How is mobile first taken into account in HDS?</span><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik Accordion-module_accordionButtonIcon__MQu2J" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-down" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 13.5L17 8.5L18.5 10L12 16.5L5.5 10L7 8.5L12 13.5Z" fill="currentColor"></path></svg></div></div></div><div style="display:none" id="accordion-89-content" role="region" class="Accordion-module_accordionContent__1umso Accordion-module_contentWithCloseButton__-einM" aria-labelledby="accordion-89-heading"><p>HDS components and patterns are designed to be used on mobile devices right from the start. All HDS components are fully featured both on mobile and desktop screens, meaning that features are not degraded for mobile devices.</p><p>HDS uses two (2) methods to provide components for different screen sizes. The first method is to provide responsive components that react to the changing screen size (e.g. Navigation). The second method is to provide a separate <code>small</code> variant that can be used both on mobile screens as well as on more information-heavy user interfaces.</p><button aria-label="Sulje How is mobile first taken into account in HDS?" type="button" class="Button-module_button__1msFE button_hds-button__2A0je Button-module_supplementary__3YKiS button_hds-button--supplementary__GcHcV Button-module_theme-black__m8giY button_hds-button--theme-black__3K_k4 Button-module_size-small__3lizH button_hds-button--small__2NFef Accordion-module_closeButton__1Qt8U" data-testid="accordion-89-closeButton"><span class="Button-module_label__a4np1 button_hds-button__label__2EQa-">Sulje</span><div class="Button-module_icon__O-h7R button_hds-icon__17j8Z" aria-hidden="true"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_xs__3kAOj icon_hds-icon--size-xs__3dAMZ Accordion-module_accordionButtonIcon__MQu2J" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 11.5L17 16.5L18.5 15L12 8.5L5.5 15L7 16.5L12 11.5Z" fill="currentColor"></path></svg></div></button></div></div></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-91" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-91)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
+development via proposing designs, bug fixes, and new features.</p><button aria-label="Sulje Who is developing Helsinki Design System?" type="button" class="Button-module_button__1msFE button_hds-button__2A0je Button-module_supplementary__3YKiS button_hds-button--supplementary__GcHcV Button-module_theme-black__m8giY button_hds-button--theme-black__3K_k4 Button-module_size-small__3lizH button_hds-button--small__2NFef Accordion-module_closeButton__1Qt8U" data-testid="accordion-96-closeButton"><span class="Button-module_label__a4np1 button_hds-button__label__2EQa-">Sulje</span><div class="Button-module_icon__O-h7R button_hds-icon__17j8Z" aria-hidden="true"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_xs__3kAOj icon_hds-icon--size-xs__3dAMZ Accordion-module_accordionButtonIcon__MQu2J" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 11.5L17 16.5L18.5 15L12 8.5L5.5 15L7 16.5L12 11.5Z" fill="currentColor"></path></svg></div></button></div></div>
+<div class="Accordion-module_accordion__2fPUT Accordion-module_m__2k6QY custom-theme-99" id="accordion-98"><div class="Accordion-module_accordionHeader__3_uK7"><div role="heading" aria-level="3" id="accordion-98-heading"><div role="button" tabindex="0" class="Accordion-module_headingContainer__1DzX3" aria-labelledby="accordion-98-heading" aria-expanded="false"><span class="label">Can I contribute to the Helsinki Design System?</span><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik Accordion-module_accordionButtonIcon__MQu2J" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-down" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 13.5L17 8.5L18.5 10L12 16.5L5.5 10L7 8.5L12 13.5Z" fill="currentColor"></path></svg></div></div></div><div style="display:none" id="accordion-98-content" role="region" class="Accordion-module_accordionContent__1umso Accordion-module_contentWithCloseButton__-einM" aria-labelledby="accordion-98-heading"><p>Yes! We appreciate all contributions both from inside and outside of the city organisations. Contributions can relate
+to design, implementation or documentation. You can find our contribution guidelines in the</p><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><p>Getting started - Contribution section</p></a><p>.</p><button aria-label="Sulje Can I contribute to the Helsinki Design System?" type="button" class="Button-module_button__1msFE button_hds-button__2A0je Button-module_supplementary__3YKiS button_hds-button--supplementary__GcHcV Button-module_theme-black__m8giY button_hds-button--theme-black__3K_k4 Button-module_size-small__3lizH button_hds-button--small__2NFef Accordion-module_closeButton__1Qt8U" data-testid="accordion-98-closeButton"><span class="Button-module_label__a4np1 button_hds-button__label__2EQa-">Sulje</span><div class="Button-module_icon__O-h7R button_hds-icon__17j8Z" aria-hidden="true"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_xs__3kAOj icon_hds-icon--size-xs__3dAMZ Accordion-module_accordionButtonIcon__MQu2J" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 11.5L17 16.5L18.5 15L12 8.5L5.5 15L7 16.5L12 11.5Z" fill="currentColor"></path></svg></div></button></div></div>
+<div class="Accordion-module_accordion__2fPUT Accordion-module_m__2k6QY custom-theme-101" id="accordion-100"><div class="Accordion-module_accordionHeader__3_uK7"><div role="heading" aria-level="3" id="accordion-100-heading"><div role="button" tabindex="0" class="Accordion-module_headingContainer__1DzX3" aria-labelledby="accordion-100-heading" aria-expanded="false"><span class="label">How can I contact the HDS team?</span><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik Accordion-module_accordionButtonIcon__MQu2J" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-down" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 13.5L17 8.5L18.5 10L12 16.5L5.5 10L7 8.5L12 13.5Z" fill="currentColor"></path></svg></div></div></div><div style="display:none" id="accordion-100-content" role="region" class="Accordion-module_accordionContent__1umso Accordion-module_contentWithCloseButton__-einM" aria-labelledby="accordion-100-heading"><p>We are always happy to help you and your project if you have issues with HDS. We also appreciate feedback. You can
+find the recommended contact channels in the</p><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F" href="/hds-demo/header-custom-theme-site/about"><p>About - Support section</p></a><p>.</p><button aria-label="Sulje How can I contact the HDS team?" type="button" class="Button-module_button__1msFE button_hds-button__2A0je Button-module_supplementary__3YKiS button_hds-button--supplementary__GcHcV Button-module_theme-black__m8giY button_hds-button--theme-black__3K_k4 Button-module_size-small__3lizH button_hds-button--small__2NFef Accordion-module_closeButton__1Qt8U" data-testid="accordion-100-closeButton"><span class="Button-module_label__a4np1 button_hds-button__label__2EQa-">Sulje</span><div class="Button-module_icon__O-h7R button_hds-icon__17j8Z" aria-hidden="true"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_xs__3kAOj icon_hds-icon--size-xs__3dAMZ Accordion-module_accordionButtonIcon__MQu2J" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 11.5L17 16.5L18.5 15L12 8.5L5.5 15L7 16.5L12 11.5Z" fill="currentColor"></path></svg></div></button></div></div>
+<div class="Accordion-module_accordion__2fPUT Accordion-module_m__2k6QY custom-theme-103" id="accordion-102"><div class="Accordion-module_accordionHeader__3_uK7"><div role="heading" aria-level="3" id="accordion-102-heading"><div role="button" tabindex="0" class="Accordion-module_headingContainer__1DzX3" aria-labelledby="accordion-102-heading" aria-expanded="false"><span class="label">What browser and browser versions are supported?</span><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik Accordion-module_accordionButtonIcon__MQu2J" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-down" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 13.5L17 8.5L18.5 10L12 16.5L5.5 10L7 8.5L12 13.5Z" fill="currentColor"></path></svg></div></div></div><div style="display:none" id="accordion-102-content" role="region" class="Accordion-module_accordionContent__1umso Accordion-module_contentWithCloseButton__-einM" aria-labelledby="accordion-102-heading"><p><p>HDS follows the guideline of the City of Helsinki related to browser support. This means that the following browsers are officially supported</p><ul><li>Chrome</li><li>Firefox</li><li>Safari</li></ul><p>Versions 6 months old and newer are supported.</p><p>Note: While these three (3) browsers are officially supported by the HDS, you can still report bugs and request support related to other browsers as well. HDS team will do their best to fix issues with other browsers and versions too.</p></p><button aria-label="Sulje What browser and browser versions are supported?" type="button" class="Button-module_button__1msFE button_hds-button__2A0je Button-module_supplementary__3YKiS button_hds-button--supplementary__GcHcV Button-module_theme-black__m8giY button_hds-button--theme-black__3K_k4 Button-module_size-small__3lizH button_hds-button--small__2NFef Accordion-module_closeButton__1Qt8U" data-testid="accordion-102-closeButton"><span class="Button-module_label__a4np1 button_hds-button__label__2EQa-">Sulje</span><div class="Button-module_icon__O-h7R button_hds-icon__17j8Z" aria-hidden="true"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_xs__3kAOj icon_hds-icon--size-xs__3dAMZ Accordion-module_accordionButtonIcon__MQu2J" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 11.5L17 16.5L18.5 15L12 8.5L5.5 15L7 16.5L12 11.5Z" fill="currentColor"></path></svg></div></button></div></div>
+<div class="Accordion-module_accordion__2fPUT Accordion-module_m__2k6QY custom-theme-105" id="accordion-104"><div class="Accordion-module_accordionHeader__3_uK7"><div role="heading" aria-level="3" id="accordion-104-heading"><div role="button" tabindex="0" class="Accordion-module_headingContainer__1DzX3" aria-labelledby="accordion-104-heading" aria-expanded="false"><span class="label">How is mobile first taken into account in HDS?</span><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik Accordion-module_accordionButtonIcon__MQu2J" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-down" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 13.5L17 8.5L18.5 10L12 16.5L5.5 10L7 8.5L12 13.5Z" fill="currentColor"></path></svg></div></div></div><div style="display:none" id="accordion-104-content" role="region" class="Accordion-module_accordionContent__1umso Accordion-module_contentWithCloseButton__-einM" aria-labelledby="accordion-104-heading"><p>HDS components and patterns are designed to be used on mobile devices right from the start. All HDS components are fully featured both on mobile and desktop screens, meaning that features are not degraded for mobile devices.</p><p>HDS uses two (2) methods to provide components for different screen sizes. The first method is to provide responsive components that react to the changing screen size (e.g. Navigation). The second method is to provide a separate <code>small</code> variant that can be used both on mobile screens as well as on more information-heavy user interfaces.</p><button aria-label="Sulje How is mobile first taken into account in HDS?" type="button" class="Button-module_button__1msFE button_hds-button__2A0je Button-module_supplementary__3YKiS button_hds-button--supplementary__GcHcV Button-module_theme-black__m8giY button_hds-button--theme-black__3K_k4 Button-module_size-small__3lizH button_hds-button--small__2NFef Accordion-module_closeButton__1Qt8U" data-testid="accordion-104-closeButton"><span class="Button-module_label__a4np1 button_hds-button__label__2EQa-">Sulje</span><div class="Button-module_icon__O-h7R button_hds-icon__17j8Z" aria-hidden="true"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_xs__3kAOj icon_hds-icon--size-xs__3dAMZ Accordion-module_accordionButtonIcon__MQu2J" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 11.5L17 16.5L18.5 15L12 8.5L5.5 15L7 16.5L12 11.5Z" fill="currentColor"></path></svg></div></button></div></div></div></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-106" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-106)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
     window.dev = undefined
     if (window.dev === true || !(navigator.doNotTrack === '1' || window.doNotTrack === '1')) {
       window._paq = window._paq || [];
@@ -94,6 +94,6 @@
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/getting-started/faq/tabs/index.html b/docs/header-custom-theme-site/getting-started/faq/tabs/index.html
index 7e3cd199dd..3cb934f4e9 100644
--- a/docs/header-custom-theme-site/getting-started/faq/tabs/index.html
+++ b/docs/header-custom-theme-site/getting-started/faq/tabs/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Frequently asked questions"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Frequently asked questions"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -82,6 +82,6 @@
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/getting-started/index.html b/docs/header-custom-theme-site/getting-started/index.html
index 3e84c389a7..2061cc1951 100644
--- a/docs/header-custom-theme-site/getting-started/index.html
+++ b/docs/header-custom-theme-site/getting-started/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Getting started"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Getting started"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -62,7 +62,7 @@
 <li><strong>For developers</strong>, HDS offers component libraries (Core and React) that provide modular, accessible components for building scalable digital services efficiently.</li>
 <li><strong>For all</strong>, HDS offers visual assets like icons and logos to help keep the visual language consistent.</li>
 <li><strong>For all</strong>, HDS offers a documentation site that collects detailed information on how to use the HDS components, design tokens, and visual assets in practice, including design principles, accessibility and usage guidelines, examples, interactive demos, and API descriptions.</li>
-</ul></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-115" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-115)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a aria-current="page" class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
+</ul></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-114" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-114)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a aria-current="page" class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
     window.dev = undefined
     if (window.dev === true || !(navigator.doNotTrack === '1' || window.doNotTrack === '1')) {
       window._paq = window._paq || [];
@@ -90,6 +90,6 @@
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/getting-started/tutorials/abstract-tutorial/index.html b/docs/header-custom-theme-site/getting-started/tutorials/abstract-tutorial/index.html
index 414fc8ec41..87065962db 100644
--- a/docs/header-custom-theme-site/getting-started/tutorials/abstract-tutorial/index.html
+++ b/docs/header-custom-theme-site/getting-started/tutorials/abstract-tutorial/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Abstract basics"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Abstract basics"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -160,6 +160,6 @@ <h2 id="abstract-resources" style="position:relative" class="page-heading-2 head
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/getting-started/versioning/index.html b/docs/header-custom-theme-site/getting-started/versioning/index.html
index a9b7b15d1c..8c6da501a6 100644
--- a/docs/header-custom-theme-site/getting-started/versioning/index.html
+++ b/docs/header-custom-theme-site/getting-started/versioning/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Versioning"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Versioning"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -93,7 +93,7 @@ <h3 id="implementation" style="position:relative" class="page-heading-3 heading-
 <li>new optional properties or features are added</li>
 <li>bug fixes that don’t change the names of the properties or remove functionality</li>
 <li>marking something deprecated. It will a become breaking change when it is actually removed</li>
-</ul></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-112" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-112)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
+</ul></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-113" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-113)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
     window.dev = undefined
     if (window.dev === true || !(navigator.doNotTrack === '1' || window.doNotTrack === '1')) {
       window._paq = window._paq || [];
@@ -121,6 +121,6 @@ <h3 id="implementation" style="position:relative" class="page-heading-3 heading-
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/index.html b/docs/header-custom-theme-site/index.html
index bbca6772c2..c9582c8757 100644
--- a/docs/header-custom-theme-site/index.html
+++ b/docs/header-custom-theme-site/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Home page"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Home page"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -52,9 +52,9 @@
         }
       }
     })
-  </script><link rel="manifest" href="/hds-demo/header-custom-theme-site/manifest.webmanifest" crossorigin="anonymous"/><link rel="apple-touch-icon" sizes="any" href="/hds-demo/header-custom-theme-site/favicon/light/favicon-32x32.ico"/><link rel="apple-touch-icon" href="/hds-demo/header-custom-theme-site/favicon/light/apple-touch-icon.png"/><link rel="apple-touch-icon" sizes="192x192" href="/hds-demo/header-custom-theme-site/favicon/light/favicon-192x192.png"/><link rel="apple-touch-icon" sizes="512x512" href="/hds-demo/header-custom-theme-site/favicon/light/favicon-512x512.png"/><link rel="preconnect" href="https://webanalytics.digiaiiris.com/js"/></head><body><div id="___gatsby"><div style="outline:none" tabindex="-1" id="gatsby-focus-wrapper"><div class="page text-body"><header id="page-header" class="Navigation-module_header__2HNOX Navigation-module_theme-light__36nmi pageHeader"><a class="Navigation-module_skipToContent__2p54x" href="#content">Skip to content</a><div class="visible-module_belowM__2GR1J"><div class="Navigation-module_headerBackgroundWrapper__137R3"><div class="Navigation-module_headerContainer__2YPsu"><a class="Navigation-module_title__3zRBe" href="https://hds.hel.fi" aria-label="Helsinki: Helsinki Design System"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Navigation-module_logo__1sEy6" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg><span><div class="page-header-title"><div>Helsinki Design System</div><div class="page-header-title-badge"><img style="filter:invert(1)" alt="HDS version number: 2.15.0" src="https://img.shields.io/github/v/release/City-of-Helsinki/helsinki-design-system?label=&amp;style=for-the-badge&amp;color=1a1a1a"/></div></div></span></a><button aria-label="menu" aria-haspopup="true" aria-expanded="false" type="button" class="Navigation-module_mobileMenuToggle__1v6en"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="menu-hamburger" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M22 17V19H2V17H22ZM22 11V13H2V11H22ZM22 5V7H2V5H22Z" fill="currentColor"></path></svg></button></div></div></div><div class="visible-module_aboveM__31mn_"><div class="Navigation-module_headerBackgroundWrapper__137R3"><div class="Navigation-module_headerContainer__2YPsu"><a class="Navigation-module_title__3zRBe" href="https://hds.hel.fi" aria-label="Helsinki: Helsinki Design System"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Navigation-module_logo__1sEy6" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg><span><div class="page-header-title"><div>Helsinki Design System</div><div class="page-header-title-badge"><img style="filter:invert(1)" alt="HDS version number: 2.15.0" src="https://img.shields.io/github/v/release/City-of-Helsinki/helsinki-design-system?label=&amp;style=for-the-badge&amp;color=1a1a1a"/></div></div></span></a><div class="Navigation-module_headerContent__3zHbK"></div></div></div><nav class="NavigationRow-module_navigation__24tui NavigationRow-module_subNav__3fDXv" aria-label="Site navigation"><a class="NavigationItem-module_rowItem__2QxRz" href="/hds-demo/header-custom-theme-site/getting-started/"><span class="NavigationItem-module_label__1UsXG button_hds-button__label__3r3Mi">Getting started</span></a><a class="NavigationItem-module_rowItem__2QxRz" href="/hds-demo/header-custom-theme-site/foundation/"><span class="NavigationItem-module_label__1UsXG button_hds-button__label__3r3Mi">Foundation</span></a><a class="NavigationItem-module_rowItem__2QxRz" href="/hds-demo/header-custom-theme-site/components/"><span class="NavigationItem-module_label__1UsXG button_hds-button__label__3r3Mi">Components</span></a><a class="NavigationItem-module_rowItem__2QxRz" href="/hds-demo/header-custom-theme-site/patterns/"><span class="NavigationItem-module_label__1UsXG button_hds-button__label__3r3Mi">Patterns</span></a><a class="NavigationItem-module_rowItem__2QxRz" href="/hds-demo/header-custom-theme-site/about/"><span class="NavigationItem-module_label__1UsXG button_hds-button__label__3r3Mi">About</span></a></nav></div></header><div><div style="--background-color:var(--color-coat-of-arms);--color:#fff;--koros-color:var(--background-color);--koros-height:14px" class="Hero-module_hero__1VoHZ hero_hds-hero__2NmPy custom-theme-125 Hero-module_diagonalKoros__Yj-M5 hero_hds-hero--diagonal-koros__1gvD8"><div class="Hero-module_diagonalKorosWithBackgroundContainer__79wsC hero_hds-hero--diagonal-koros__1gvD8 hero_hds-hero--with-background__container__1jpi7"><div class="Hero-module_content__3qNYZ hero_hds-hero__content__1Gtc5"><div class="Hero-module_contentColums__2GK_9 hero_hds-hero--with-background__content-columns__1NT1u"><div class="Hero-module_card__JuJeG hero_hds-hero__card__3TyQe"><h1 class="Hero-module_title__3-FB4 hero_hds-hero__title__3Ue67">Helsinki Design System</h1><p class="Hero-module_text__ZzYyT hero_hds-hero__text__3K95k">The central digital experience resource of Helsinki Design Language. Guidelines, design assets and component
-libraries for building a consistent and accessible digital brand across the city.</p><button type="button" class="Button-module_button__1msFE button_hds-button__2A0je Button-module_primary__2LfKB button_hds-button--primary__2NVvO" role="link" style="--background-color:#fff;--color:#000;--border-color:#fff"><span class="Button-module_label__a4np1 button_hds-button__label__2EQa-"><p>Getting started</p></span></button></div><div class="Hero-module_emptyColumn__3_c4m hero_hds-hero--with-background__empty-column__21yM0"></div></div></div><div class="Hero-module_korosAligner__2Y1UK hero_hds-hero--diagonal-koros__koros-aligner__80AA4"><div class="Hero-module_diagonalKorosAndBackground__1rGzm hero_hds-hero--diagonal-koros__koros-and-background__1U31N"><div class="Hero-module_korosContainer__2UG8F hero_hds-hero__koros-container__2Ab9n"><div class="Koros-module_koros__1r3rg" style="fill:var(--koros-color)"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-126" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-126)" width="100%" height="85"></rect></svg></div></div></div></div><div class="Hero-module_withBackgroundBackground__Hv69M hero_hds-hero--with-background__background__JEVuN"><img class="Hero-module_image__VwcrU hero_hds-hero__image__ZfJbX" src="/images/homepage/amos58.jpg" aria-hidden="true" alt=""/></div></div></div>
-<div class="Container-module_container__18lps container_hds-container__ZG2BQ" style="margin:0 auto var(--spacing-layout-l)"><div class="linkbox-list front-page-link-list"><div class="linkbox-list-item"><div role="region" tabindex="0" class="Linkbox-module_linkbox__15LUm Linkbox-module_border__3lfzt linkbox-list-link" aria-label="Brand guidelines. Opens a different website."><img src="/hds-demo/header-custom-theme-site/images/homepage/brand-guidelines.svg" height="198" width="300" class="Linkbox-module_image__2GxFx" alt=""/><div class="Linkbox-module_withBackground__1xdbp Linkbox-module_withSmallImage__3E12M Linkbox-module_contentSmall__2WG1n"><div role="heading" aria-level="2" class="Linkbox-module_headingSmall__1-9yw helpers_heading-s__1HNlW">Brand guidelines</div><p class="Linkbox-module_text__2lkl4">The visual identity guidelines of the city of Helsinki</p></div><a class="Linkbox-module_link__3tFuW" aria-label="Go to the Brand guidelines page. Opens a different website." tabindex="-1" href="https://brand.hel.fi/"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_l__1TDQL icon_hds-icon--size-l__3Zczy Linkbox-module_icon__1e7kG" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="link-external" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M5 3V19H21V21H3V3H5ZM21 3V12H19V6.413L9.91421 15.5L8.5 14.0858L17.585 5H12V3H21Z" fill="currentColor"></path></svg></a></div></div><div class="linkbox-list-item"><div role="region" tabindex="0" class="Linkbox-module_linkbox__15LUm Linkbox-module_border__3lfzt linkbox-list-link" aria-label="Foundations."><img src="/hds-demo/header-custom-theme-site/images/foundation/foundation.svg" height="198" width="300" class="Linkbox-module_image__2GxFx" alt=""/><div class="Linkbox-module_withBackground__1xdbp Linkbox-module_withSmallImage__3E12M Linkbox-module_contentSmall__2WG1n"><div role="heading" aria-level="2" class="Linkbox-module_headingSmall__1-9yw helpers_heading-s__1HNlW">Foundation</div><p class="Linkbox-module_text__2lkl4">Guide for applying the visual guidelines to digital experiences</p></div><a class="Linkbox-module_link__3tFuW" aria-label="Go to the Foundations page." tabindex="-1" href="/hds-demo/header-custom-theme-site/foundation"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_l__1TDQL icon_hds-icon--size-l__3Zczy Linkbox-module_icon__1e7kG" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-right" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M14 5.5L12.5 7L16.5 11H4V13H16.5L12.5 17L14 18.5L20.5 12L14 5.5Z" fill="currentColor"></path></svg></a></div></div><div class="linkbox-list-item"><div role="region" tabindex="0" class="Linkbox-module_linkbox__15LUm Linkbox-module_border__3lfzt linkbox-list-link" aria-label="Components."><img src="/hds-demo/header-custom-theme-site/images/components/components.svg" height="198" width="300" class="Linkbox-module_image__2GxFx" alt=""/><div class="Linkbox-module_withBackground__1xdbp Linkbox-module_withSmallImage__3E12M Linkbox-module_contentSmall__2WG1n"><div role="heading" aria-level="2" class="Linkbox-module_headingSmall__1-9yw helpers_heading-s__1HNlW">Components</div><p class="Linkbox-module_text__2lkl4">UI components ready to use for complete layouts</p></div><a class="Linkbox-module_link__3tFuW" aria-label="Go to the Components page." tabindex="-1" href="/hds-demo/header-custom-theme-site/components"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_l__1TDQL icon_hds-icon--size-l__3Zczy Linkbox-module_icon__1e7kG" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-right" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M14 5.5L12.5 7L16.5 11H4V13H16.5L12.5 17L14 18.5L20.5 12L14 5.5Z" fill="currentColor"></path></svg></a></div></div><div class="linkbox-list-item"><div role="region" tabindex="0" class="Linkbox-module_linkbox__15LUm Linkbox-module_border__3lfzt linkbox-list-link" aria-label="Patterns."><img src="/hds-demo/header-custom-theme-site/images/patterns/patterns.svg" height="198" width="300" class="Linkbox-module_image__2GxFx" alt=""/><div class="Linkbox-module_withBackground__1xdbp Linkbox-module_withSmallImage__3E12M Linkbox-module_contentSmall__2WG1n"><div role="heading" aria-level="2" class="Linkbox-module_headingSmall__1-9yw helpers_heading-s__1HNlW">Patterns</div><p class="Linkbox-module_text__2lkl4">Components and guidelines are used to build pages for specific user flows</p></div><a class="Linkbox-module_link__3tFuW" aria-label="Go to the Patterns page." tabindex="-1" href="/hds-demo/header-custom-theme-site/patterns"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_l__1TDQL icon_hds-icon--size-l__3Zczy Linkbox-module_icon__1e7kG" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-right" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M14 5.5L12.5 7L16.5 11H4V13H16.5L12.5 17L14 18.5L20.5 12L14 5.5Z" fill="currentColor"></path></svg></a></div></div></div><div class="image-container"><a class="image-container-link" href="/hds-demo/header-custom-theme-site/images/getting-started/structure-graph.svg" title="Helsinki Design System helps project in three different ways. Design with the foundations and the user interface kit. Develop with the components and patterns. Learn about the standards and guidelines." style="display:block;width:100%;min-width:600px;max-width:915px;margin:0 auto"><img class="image-container-image" alt="Helsinki Design System helps project in three different ways. Design with the foundations and the user interface kit. Develop with the components and patterns. Learn about the standards and guidelines." src="/hds-demo/header-custom-theme-site/images/getting-started/structure-graph.svg" style="display:block;width:100%;min-width:600px;max-width:915px;margin:0 auto"/></a></div></div></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-127" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-127)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
+  </script><link rel="manifest" href="/hds-demo/header-custom-theme-site/manifest.webmanifest" crossorigin="anonymous"/><link rel="apple-touch-icon" sizes="any" href="/hds-demo/header-custom-theme-site/favicon/light/favicon-32x32.ico"/><link rel="apple-touch-icon" href="/hds-demo/header-custom-theme-site/favicon/light/apple-touch-icon.png"/><link rel="apple-touch-icon" sizes="192x192" href="/hds-demo/header-custom-theme-site/favicon/light/favicon-192x192.png"/><link rel="apple-touch-icon" sizes="512x512" href="/hds-demo/header-custom-theme-site/favicon/light/favicon-512x512.png"/><link rel="preconnect" href="https://webanalytics.digiaiiris.com/js"/></head><body><div id="___gatsby"><div style="outline:none" tabindex="-1" id="gatsby-focus-wrapper"><div class="page text-body"><header id="page-header" class="Navigation-module_header__2HNOX Navigation-module_theme-light__36nmi pageHeader"><a class="Navigation-module_skipToContent__2p54x" href="#content">Skip to content</a><div class="visible-module_belowM__2GR1J"><div class="Navigation-module_headerBackgroundWrapper__137R3"><div class="Navigation-module_headerContainer__2YPsu"><a class="Navigation-module_title__3zRBe" href="https://hds.hel.fi" aria-label="Helsinki: Helsinki Design System"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Navigation-module_logo__1sEy6" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg><span><div class="page-header-title"><div>Helsinki Design System</div><div class="page-header-title-badge"><img style="filter:invert(1)" alt="HDS version number: 2.15.0" src="https://img.shields.io/github/v/release/City-of-Helsinki/helsinki-design-system?label=&amp;style=for-the-badge&amp;color=1a1a1a"/></div></div></span></a><button aria-label="menu" aria-haspopup="true" aria-expanded="false" type="button" class="Navigation-module_mobileMenuToggle__1v6en"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="menu-hamburger" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M22 17V19H2V17H22ZM22 11V13H2V11H22ZM22 5V7H2V5H22Z" fill="currentColor"></path></svg></button></div></div></div><div class="visible-module_aboveM__31mn_"><div class="Navigation-module_headerBackgroundWrapper__137R3"><div class="Navigation-module_headerContainer__2YPsu"><a class="Navigation-module_title__3zRBe" href="https://hds.hel.fi" aria-label="Helsinki: Helsinki Design System"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Navigation-module_logo__1sEy6" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg><span><div class="page-header-title"><div>Helsinki Design System</div><div class="page-header-title-badge"><img style="filter:invert(1)" alt="HDS version number: 2.15.0" src="https://img.shields.io/github/v/release/City-of-Helsinki/helsinki-design-system?label=&amp;style=for-the-badge&amp;color=1a1a1a"/></div></div></span></a><div class="Navigation-module_headerContent__3zHbK"></div></div></div><nav class="NavigationRow-module_navigation__24tui NavigationRow-module_subNav__3fDXv" aria-label="Site navigation"><a class="NavigationItem-module_rowItem__2QxRz" href="/hds-demo/header-custom-theme-site/getting-started/"><span class="NavigationItem-module_label__1UsXG button_hds-button__label__3r3Mi">Getting started</span></a><a class="NavigationItem-module_rowItem__2QxRz" href="/hds-demo/header-custom-theme-site/foundation/"><span class="NavigationItem-module_label__1UsXG button_hds-button__label__3r3Mi">Foundation</span></a><a class="NavigationItem-module_rowItem__2QxRz" href="/hds-demo/header-custom-theme-site/components/"><span class="NavigationItem-module_label__1UsXG button_hds-button__label__3r3Mi">Components</span></a><a class="NavigationItem-module_rowItem__2QxRz" href="/hds-demo/header-custom-theme-site/patterns/"><span class="NavigationItem-module_label__1UsXG button_hds-button__label__3r3Mi">Patterns</span></a><a class="NavigationItem-module_rowItem__2QxRz" href="/hds-demo/header-custom-theme-site/about/"><span class="NavigationItem-module_label__1UsXG button_hds-button__label__3r3Mi">About</span></a></nav></div></header><div><div style="--background-color:var(--color-coat-of-arms);--color:#fff;--koros-color:var(--background-color);--koros-height:14px" class="Hero-module_hero__1VoHZ hero_hds-hero__2NmPy custom-theme-126 Hero-module_diagonalKoros__Yj-M5 hero_hds-hero--diagonal-koros__1gvD8"><div class="Hero-module_diagonalKorosWithBackgroundContainer__79wsC hero_hds-hero--diagonal-koros__1gvD8 hero_hds-hero--with-background__container__1jpi7"><div class="Hero-module_content__3qNYZ hero_hds-hero__content__1Gtc5"><div class="Hero-module_contentColums__2GK_9 hero_hds-hero--with-background__content-columns__1NT1u"><div class="Hero-module_card__JuJeG hero_hds-hero__card__3TyQe"><h1 class="Hero-module_title__3-FB4 hero_hds-hero__title__3Ue67">Helsinki Design System</h1><p class="Hero-module_text__ZzYyT hero_hds-hero__text__3K95k">The central digital experience resource of Helsinki Design Language. Guidelines, design assets and component
+libraries for building a consistent and accessible digital brand across the city.</p><button type="button" class="Button-module_button__1msFE button_hds-button__2A0je Button-module_primary__2LfKB button_hds-button--primary__2NVvO" role="link" style="--background-color:#fff;--color:#000;--border-color:#fff"><span class="Button-module_label__a4np1 button_hds-button__label__2EQa-"><p>Getting started</p></span></button></div><div class="Hero-module_emptyColumn__3_c4m hero_hds-hero--with-background__empty-column__21yM0"></div></div></div><div class="Hero-module_korosAligner__2Y1UK hero_hds-hero--diagonal-koros__koros-aligner__80AA4"><div class="Hero-module_diagonalKorosAndBackground__1rGzm hero_hds-hero--diagonal-koros__koros-and-background__1U31N"><div class="Hero-module_korosContainer__2UG8F hero_hds-hero__koros-container__2Ab9n"><div class="Koros-module_koros__1r3rg" style="fill:var(--koros-color)"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-127" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-127)" width="100%" height="85"></rect></svg></div></div></div></div><div class="Hero-module_withBackgroundBackground__Hv69M hero_hds-hero--with-background__background__JEVuN"><img class="Hero-module_image__VwcrU hero_hds-hero__image__ZfJbX" src="/images/homepage/amos58.jpg" aria-hidden="true" alt=""/></div></div></div>
+<div class="Container-module_container__18lps container_hds-container__ZG2BQ" style="margin:0 auto var(--spacing-layout-l)"><div class="linkbox-list front-page-link-list"><div class="linkbox-list-item"><div role="region" tabindex="0" class="Linkbox-module_linkbox__15LUm Linkbox-module_border__3lfzt linkbox-list-link" aria-label="Brand guidelines. Opens a different website."><img src="/hds-demo/header-custom-theme-site/images/homepage/brand-guidelines.svg" height="198" width="300" class="Linkbox-module_image__2GxFx" alt=""/><div class="Linkbox-module_withBackground__1xdbp Linkbox-module_withSmallImage__3E12M Linkbox-module_contentSmall__2WG1n"><div role="heading" aria-level="2" class="Linkbox-module_headingSmall__1-9yw helpers_heading-s__1HNlW">Brand guidelines</div><p class="Linkbox-module_text__2lkl4">The visual identity guidelines of the city of Helsinki</p></div><a class="Linkbox-module_link__3tFuW" aria-label="Go to the Brand guidelines page. Opens a different website." tabindex="-1" href="https://brand.hel.fi/"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_l__1TDQL icon_hds-icon--size-l__3Zczy Linkbox-module_icon__1e7kG" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="link-external" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M5 3V19H21V21H3V3H5ZM21 3V12H19V6.413L9.91421 15.5L8.5 14.0858L17.585 5H12V3H21Z" fill="currentColor"></path></svg></a></div></div><div class="linkbox-list-item"><div role="region" tabindex="0" class="Linkbox-module_linkbox__15LUm Linkbox-module_border__3lfzt linkbox-list-link" aria-label="Foundations."><img src="/hds-demo/header-custom-theme-site/images/foundation/foundation.svg" height="198" width="300" class="Linkbox-module_image__2GxFx" alt=""/><div class="Linkbox-module_withBackground__1xdbp Linkbox-module_withSmallImage__3E12M Linkbox-module_contentSmall__2WG1n"><div role="heading" aria-level="2" class="Linkbox-module_headingSmall__1-9yw helpers_heading-s__1HNlW">Foundation</div><p class="Linkbox-module_text__2lkl4">Guide for applying the visual guidelines to digital experiences</p></div><a class="Linkbox-module_link__3tFuW" aria-label="Go to the Foundations page." tabindex="-1" href="/hds-demo/header-custom-theme-site/foundation"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_l__1TDQL icon_hds-icon--size-l__3Zczy Linkbox-module_icon__1e7kG" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-right" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M14 5.5L12.5 7L16.5 11H4V13H16.5L12.5 17L14 18.5L20.5 12L14 5.5Z" fill="currentColor"></path></svg></a></div></div><div class="linkbox-list-item"><div role="region" tabindex="0" class="Linkbox-module_linkbox__15LUm Linkbox-module_border__3lfzt linkbox-list-link" aria-label="Components."><img src="/hds-demo/header-custom-theme-site/images/components/components.svg" height="198" width="300" class="Linkbox-module_image__2GxFx" alt=""/><div class="Linkbox-module_withBackground__1xdbp Linkbox-module_withSmallImage__3E12M Linkbox-module_contentSmall__2WG1n"><div role="heading" aria-level="2" class="Linkbox-module_headingSmall__1-9yw helpers_heading-s__1HNlW">Components</div><p class="Linkbox-module_text__2lkl4">UI components ready to use for complete layouts</p></div><a class="Linkbox-module_link__3tFuW" aria-label="Go to the Components page." tabindex="-1" href="/hds-demo/header-custom-theme-site/components"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_l__1TDQL icon_hds-icon--size-l__3Zczy Linkbox-module_icon__1e7kG" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-right" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M14 5.5L12.5 7L16.5 11H4V13H16.5L12.5 17L14 18.5L20.5 12L14 5.5Z" fill="currentColor"></path></svg></a></div></div><div class="linkbox-list-item"><div role="region" tabindex="0" class="Linkbox-module_linkbox__15LUm Linkbox-module_border__3lfzt linkbox-list-link" aria-label="Patterns."><img src="/hds-demo/header-custom-theme-site/images/patterns/patterns.svg" height="198" width="300" class="Linkbox-module_image__2GxFx" alt=""/><div class="Linkbox-module_withBackground__1xdbp Linkbox-module_withSmallImage__3E12M Linkbox-module_contentSmall__2WG1n"><div role="heading" aria-level="2" class="Linkbox-module_headingSmall__1-9yw helpers_heading-s__1HNlW">Patterns</div><p class="Linkbox-module_text__2lkl4">Components and guidelines are used to build pages for specific user flows</p></div><a class="Linkbox-module_link__3tFuW" aria-label="Go to the Patterns page." tabindex="-1" href="/hds-demo/header-custom-theme-site/patterns"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_l__1TDQL icon_hds-icon--size-l__3Zczy Linkbox-module_icon__1e7kG" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-right" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M14 5.5L12.5 7L16.5 11H4V13H16.5L12.5 17L14 18.5L20.5 12L14 5.5Z" fill="currentColor"></path></svg></a></div></div></div><div class="image-container"><a class="image-container-link" href="/hds-demo/header-custom-theme-site/images/getting-started/structure-graph.svg" title="Helsinki Design System helps project in three different ways. Design with the foundations and the user interface kit. Develop with the components and patterns. Learn about the standards and guidelines." style="display:block;width:100%;min-width:600px;max-width:915px;margin:0 auto"><img class="image-container-image" alt="Helsinki Design System helps project in three different ways. Design with the foundations and the user interface kit. Develop with the components and patterns. Learn about the standards and guidelines." src="/hds-demo/header-custom-theme-site/images/getting-started/structure-graph.svg" style="display:block;width:100%;min-width:600px;max-width:915px;margin:0 auto"/></a></div></div></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-128" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-128)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
     window.dev = undefined
     if (window.dev === true || !(navigator.doNotTrack === '1' || window.doNotTrack === '1')) {
       window._paq = window._paq || [];
@@ -82,6 +82,6 @@
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/manifest.webmanifest b/docs/header-custom-theme-site/manifest.webmanifest
index 38edcfc455..458ab71c73 100644
--- a/docs/header-custom-theme-site/manifest.webmanifest
+++ b/docs/header-custom-theme-site/manifest.webmanifest
@@ -1 +1 @@
-{"name":"gatsby-starter-default","short_name":"starter","start_url":"/","theme_color":"#ffffff","background_color":"#ffffff","display":"minimal-ui","icons":[{"src":"/favicon/light/favicon-32x32.ico","sizes":"any"},{"src":"/favicon/light/apple-touch-icon.png"},{"src":"/favicon/light/favicon-192x192.png","sizes":"192x192","type":"image/png"},{"src":"/favicon/light/favicon-512x512.png","sizes":"512x512","type":"image/png"}]}
\ No newline at end of file
+{"name":"gatsby-starter-default","short_name":"starter","start_url":"/hds-demo/header-custom-theme-site/","theme_color":"#ffffff","background_color":"#ffffff","display":"minimal-ui","icons":[{"src":"/hds-demo/header-custom-theme-site/favicon/light/favicon-32x32.ico","sizes":"any"},{"src":"/hds-demo/header-custom-theme-site/favicon/light/apple-touch-icon.png"},{"src":"/hds-demo/header-custom-theme-site/favicon/light/favicon-192x192.png","sizes":"192x192","type":"image/png"},{"src":"/hds-demo/header-custom-theme-site/favicon/light/favicon-512x512.png","sizes":"512x512","type":"image/png"}]}
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/page-data/app-data.json b/docs/header-custom-theme-site/page-data/app-data.json
index 48be690bee..2aa43ef4df 100644
--- a/docs/header-custom-theme-site/page-data/app-data.json
+++ b/docs/header-custom-theme-site/page-data/app-data.json
@@ -1 +1 @@
-{"webpackCompilationHash":"ab13f5662b57f89a20dd"}
+{"webpackCompilationHash":"5128bad65ad65bb83dc5"}
diff --git a/docs/header-custom-theme-site/page-data/dev-404-page/page-data.json b/docs/header-custom-theme-site/page-data/dev-404-page/page-data.json
deleted file mode 100644
index b7b200019a..0000000000
--- a/docs/header-custom-theme-site/page-data/dev-404-page/page-data.json
+++ /dev/null
@@ -1 +0,0 @@
-{"componentChunkName":"component---cache-dev-404-page-js","path":"/dev-404-page/","result":{"data":{"allSiteFunction":{"nodes":[]},"allSitePage":{"nodes":[{"path":"/about/this-is-hds/"},{"path":"/"},{"path":"/about/"},{"path":"/about/resources/"},{"path":"/getting-started/designer/"},{"path":"/getting-started/"},{"path":"/getting-started/developer/"},{"path":"/getting-started/versioning/"},{"path":"/foundation/"},{"path":"/components/"},{"path":"/about/accessibility/statement/"},{"path":"/about/accessibility/hds-accessibility/"},{"path":"/getting-started/contributing/documentation/"},{"path":"/getting-started/contributing/how-to-contribute/"},{"path":"/getting-started/contributing/implementation/"},{"path":"/getting-started/contributing/icons/"},{"path":"/getting-started/faq/code/"},{"path":"/getting-started/contributing/design/"},{"path":"/getting-started/faq/"},{"path":"/getting-started/faq/tabs/"},{"path":"/getting-started/faq/accessibility/"},{"path":"/getting-started/faq/design/"},{"path":"/getting-started/tutorials/abstract-tutorial/"},{"path":"/foundation/guidelines/checkbox-radiobutton-toggle/"},{"path":"/foundation/guidelines/data-formats/"},{"path":"/foundation/guidelines/inclusivity/"},{"path":"/foundation/guidelines/photography/"},{"path":"/foundation/visual-assets/favicon/"},{"path":"/foundation/guidelines/server-side-rendering/"},{"path":"/foundation/visual-assets/logo/"},{"path":"/foundation/guidelines/grid/"},{"path":"/foundation/visual-assets/placeholders/"},{"path":"/foundation/guidelines/localisation/"},{"path":"/foundation/visual-assets/wave-motifs/"},{"path":"/components/accordion/customisation/"},{"path":"/components/accordion/"},{"path":"/components/accordion/code/"},{"path":"/components/accordion/tabs/"},{"path":"/components/breadcrumb/code/"},{"path":"/components/breadcrumb/accessibility/"},{"path":"/components/breadcrumb/tabs/"},{"path":"/components/breadcrumb/customisation/"},{"path":"/components/breadcrumb/"},{"path":"/components/buttons/accessibility/"},{"path":"/components/buttons/customisation/"},{"path":"/components/accordion/accessibility/"},{"path":"/components/cookie-consent/accessibility/"},{"path":"/components/buttons/tabs/"},{"path":"/components/cookie-consent/api/"},{"path":"/components/cookie-consent/code/"},{"path":"/components/cookie-consent/"},{"path":"/components/buttons/"},{"path":"/components/buttons/code/"},{"path":"/components/cookie-consent/tabs/"},{"path":"/components/checkbox/code/"},{"path":"/components/checkbox/"},{"path":"/components/checkbox/customisation/"},{"path":"/components/checkbox/accessibility/"},{"path":"/components/checkbox/tabs/"},{"path":"/components/date-input/code/"},{"path":"/components/date-input/"},{"path":"/components/dialog/accessibility/"},{"path":"/components/dialog/code/"},{"path":"/components/date-input/tabs/"},{"path":"/components/dialog/customisation/"},{"path":"/components/dialog/tabs/"},{"path":"/components/dropdown/accessibility/"},{"path":"/components/dropdown/code/"},{"path":"/components/date-input/accessibility/"},{"path":"/components/dropdown/tabs/"},{"path":"/components/dropdown/"},{"path":"/components/dropdown/customisation/"},{"path":"/components/dialog/"},{"path":"/components/fieldset/accessibility/"},{"path":"/components/fieldset/code/"},{"path":"/components/fieldset/"},{"path":"/components/card/accessibility/"},{"path":"/components/fieldset/tabs/"},{"path":"/components/card/customisation/"},{"path":"/components/card/tabs/"},{"path":"/components/card/code/"},{"path":"/components/footer/accessibility/"},{"path":"/components/footer/customisation/"},{"path":"/components/card/"},{"path":"/components/footer/tabs/"},{"path":"/components/footer/"},{"path":"/components/header/accessibility/"},{"path":"/components/footer/code/"},{"path":"/components/header/"},{"path":"/components/header/tabs/"},{"path":"/components/file-input/accessibility/"},{"path":"/components/file-input/"},{"path":"/components/file-input/code/"},{"path":"/components/file-input/security/"},{"path":"/components/hero/accessibility/"},{"path":"/components/file-input/tabs/"},{"path":"/components/hero/code/"},{"path":"/patterns/"},{"path":"/components/hero/customisation/"},{"path":"/components/hero/"},{"path":"/404/"},{"path":"/404.html"},{"path":"/components/highlight/accessibility/"},{"path":"/components/highlight/code/"},{"path":"/components/highlight/customisation/"},{"path":"/components/highlight/"},{"path":"/components/highlight/tabs/"},{"path":"/components/icon/accessibility/"},{"path":"/components/icon/code/"},{"path":"/components/icon/customisation/"},{"path":"/components/header/code/"},{"path":"/components/icon/"},{"path":"/components/icon/tabs/"},{"path":"/components/koros/accessibility/"},{"path":"/components/hero/tabs/"},{"path":"/components/koros/customisation/"},{"path":"/components/koros/"},{"path":"/components/link/accessibility/"},{"path":"/components/link/code/"},{"path":"/components/link/tabs/"},{"path":"/components/loading-spinner/accessibility/"},{"path":"/components/loading-spinner/customisation/"},{"path":"/components/loading-spinner/"},{"path":"/components/loading-spinner/tabs/"},{"path":"/components/logo/code/"},{"path":"/components/logo/accessibility/"},{"path":"/components/koros/code/"},{"path":"/components/logo/"},{"path":"/components/logo/tabs/"},{"path":"/components/logo/customisation/"},{"path":"/components/notification/accessibility/"},{"path":"/components/notification/"},{"path":"/components/notification/tabs/"},{"path":"/components/link/"},{"path":"/components/navigation/accessibility/"},{"path":"/components/navigation/code/"},{"path":"/components/navigation/customisation/"},{"path":"/components/navigation/"},{"path":"/components/koros/tabs/"},{"path":"/components/navigation/tabs/"},{"path":"/components/linkbox/accessibility/"},{"path":"/components/linkbox/code/"},{"path":"/components/notification/code/"},{"path":"/components/loading-spinner/code/"},{"path":"/components/linkbox/tabs/"},{"path":"/components/linkbox/"},{"path":"/components/number-input/accessibility/"},{"path":"/components/number-input/tabs/"},{"path":"/components/pagination/code/"},{"path":"/components/pagination/customisation/"},{"path":"/components/pagination/accessibility/"},{"path":"/components/pagination/"},{"path":"/components/pagination/tabs/"},{"path":"/components/phone-input/accessibility/"},{"path":"/components/phone-input/"},{"path":"/components/phone-input/code/"},{"path":"/components/phone-input/tabs/"},{"path":"/components/radio-button/accessibility/"},{"path":"/components/radio-button/customisation/"},{"path":"/components/radio-button/code/"},{"path":"/components/radio-button/tabs/"},{"path":"/components/radio-button/"},{"path":"/components/password-input/accessibility/"},{"path":"/components/password-input/code/"},{"path":"/components/password-input/"},{"path":"/components/password-input/security/"},{"path":"/components/password-input/tabs/"},{"path":"/components/selection-group/accessibility/"},{"path":"/components/selection-group/"},{"path":"/components/selection-group/code/"},{"path":"/components/selection-group/tabs/"},{"path":"/components/status-label/accessibility/"},{"path":"/components/status-label/code/"},{"path":"/components/status-label/"},{"path":"/components/status-label/tabs/"},{"path":"/components/step-by-step/code/"},{"path":"/components/step-by-step/accessibility/"},{"path":"/components/step-by-step/tabs/"},{"path":"/components/step-by-step/"},{"path":"/components/search-input/code/"},{"path":"/components/search-input/"},{"path":"/components/search-input/tabs/"},{"path":"/components/stepper/accessibility/"},{"path":"/components/stepper/customisation/"},{"path":"/components/stepper/code/"},{"path":"/components/search-input/accessibility/"},{"path":"/components/stepper/"},{"path":"/components/table/accessibility/"},{"path":"/components/table/customisation/"},{"path":"/components/table/code/"},{"path":"/components/table/"},{"path":"/components/tabs/accessibility/"},{"path":"/components/stepper/tabs/"},{"path":"/components/table/tabs/"},{"path":"/components/tabs/code/"},{"path":"/components/tabs/customisation/"},{"path":"/components/tabs/tabs/"},{"path":"/components/tabs/"},{"path":"/components/side-navigation/accessibility/"},{"path":"/components/side-navigation/code/"},{"path":"/components/side-navigation/customisation/"},{"path":"/components/side-navigation/"},{"path":"/components/side-navigation/tabs/"},{"path":"/components/tag/accessibility/"},{"path":"/components/tag/code/"},{"path":"/components/tag/"},{"path":"/components/tag/customisation/"},{"path":"/components/tag/tabs/"},{"path":"/components/text-input/code/"},{"path":"/components/text-input/accessibility/"},{"path":"/components/text-input/"},{"path":"/components/text-input/tabs/"},{"path":"/components/toggle-button/accessibility/"},{"path":"/components/toggle-button/code/"},{"path":"/components/toggle-button/customisation/"},{"path":"/components/toggle-button/tabs/"},{"path":"/components/number-input/"},{"path":"/components/number-input/code/"},{"path":"/components/tooltip/code/"},{"path":"/components/tooltip/tabs/"},{"path":"/components/time-input/accessibility/"},{"path":"/components/time-input/code/"},{"path":"/components/tooltip/"},{"path":"/components/time-input/"},{"path":"/patterns/cookies/basics/"},{"path":"/components/toggle-button/"},{"path":"/components/time-input/tabs/"},{"path":"/components/tooltip/accessibility/"},{"path":"/patterns/cookies/using-the-cookieconsent/"},{"path":"/patterns/cookies/common-helsinki-cookies/"},{"path":"/foundation/visual-assets/icons/list/"},{"path":"/foundation/visual-assets/icons/"},{"path":"/foundation/visual-assets/icons/tabs/"},{"path":"/patterns/forms/form-building/"},{"path":"/patterns/forms/form-multi-page/"},{"path":"/patterns/forms/form-validation/"},{"path":"/components/text-area/code/"},{"path":"/components/text-area/accessibility/"},{"path":"/components/text-area/"},{"path":"/foundation/design-tokens/breakpoints/tabs/"},{"path":"/foundation/design-tokens/breakpoints/"},{"path":"/foundation/design-tokens/colour/accessibility/"},{"path":"/foundation/design-tokens/colour/"},{"path":"/components/text-area/tabs/"},{"path":"/foundation/design-tokens/colour/tabs/"},{"path":"/foundation/design-tokens/colour/tokens/"},{"path":"/foundation/design-tokens/spacing/"},{"path":"/foundation/design-tokens/spacing/tokens/"},{"path":"/foundation/design-tokens/typography/tabs/"},{"path":"/foundation/design-tokens/spacing/tabs/"},{"path":"/foundation/design-tokens/typography/tokens/"},{"path":"/foundation/design-tokens/typography/"},{"path":"/foundation/design-tokens/breakpoints/tokens/"}]}},"pageContext":{}},"staticQueryHashes":["3948634751"],"slicesMap":{}}
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/page-data/sq/d/3948634751.json b/docs/header-custom-theme-site/page-data/sq/d/3948634751.json
index 1db2150d9a..f13ea2a6dc 100644
--- a/docs/header-custom-theme-site/page-data/sq/d/3948634751.json
+++ b/docs/header-custom-theme-site/page-data/sq/d/3948634751.json
@@ -1 +1 @@
-{"data":{"site":{"siteMetadata":{"title":"Helsinki Design System","description":"Documentation for the Helsinki Design System","siteUrl":"http://localhost:8000","menuLinks":[{"name":"Getting started","link":"/getting-started","subMenuLinks":[{"name":"Getting started","link":"/getting-started","withDivider":null},{"name":"Designer","link":"/getting-started/designer","withDivider":true},{"name":"Developer","link":"/getting-started/developer","withDivider":null},{"name":"Contributing","link":"/getting-started/contributing","withDivider":true},{"name":"FAQ","link":"/getting-started/faq","withDivider":true},{"name":"Versioning","link":"/getting-started/versioning","withDivider":true},{"name":"Tutorials","link":"/getting-started/tutorials","withDivider":null}]},{"name":"Foundation","link":"/foundation","subMenuLinks":[{"name":"Overview","link":"/foundation","withDivider":null},{"name":"Design tokens","link":"/foundation/design-tokens","withDivider":true},{"name":"Visual assets","link":"/foundation/visual-assets","withDivider":null},{"name":"Guidelines","link":"/foundation/guidelines","withDivider":null}]},{"name":"Components","link":"/components","subMenuLinks":[{"name":"Overview","link":"/components","withDivider":null}]},{"name":"Patterns","link":"/patterns","subMenuLinks":[{"name":"Overview","link":"/patterns","withDivider":null},{"name":"Forms","link":"/patterns/forms","withDivider":null},{"name":"Cookies","link":"/patterns/cookies","withDivider":null}]},{"name":"About","link":"/about","subMenuLinks":[{"name":"Support","link":"/about","withDivider":null},{"name":"Accessibility","link":"/about/accessibility","withDivider":null},{"name":"Resources","link":"/about/resources","withDivider":true}]}],"footerTitle":"Helsinki Design System","footerAriaLabel":"HDS footer"}},"allMdx":{"edges":[{"node":{"frontmatter":{"title":"Not Found","slug":"/404","navTitle":null}}},{"node":{"frontmatter":{"title":"Patterns overview","slug":"/patterns","navTitle":null}}},{"node":{"frontmatter":{"title":"Multi-page forms","slug":"/patterns/forms/form-multi-page","navTitle":"Multi-page forms"}}},{"node":{"frontmatter":{"title":"Form validation","slug":"/patterns/forms/form-validation","navTitle":"Form validation"}}},{"node":{"frontmatter":{"title":"Basics","slug":"/patterns/cookies/basics","navTitle":"Basics"}}},{"node":{"frontmatter":{"title":"Common Helsinki cookies","slug":"/patterns/cookies/common-helsinki-cookies","navTitle":"Common Helsinki cookies"}}},{"node":{"frontmatter":{"title":"Using the CookieConsent","slug":"/patterns/cookies/using-the-cookieconsent","navTitle":"Using the CookieConsent"}}},{"node":{"frontmatter":{"title":"Developer","slug":"/getting-started/developer","navTitle":null}}},{"node":{"frontmatter":{"title":"Getting started","slug":"/getting-started","navTitle":null}}},{"node":{"frontmatter":{"title":"Versioning","slug":"/getting-started/versioning","navTitle":null}}},{"node":{"frontmatter":{"title":"Frequently asked questions","slug":"/getting-started/faq/code","navTitle":null}}},{"node":{"frontmatter":{"title":"Frequently asked questions","slug":"/getting-started/faq/accessibility","navTitle":null}}},{"node":{"frontmatter":{"title":"Frequently asked questions","slug":"/getting-started/faq","navTitle":null}}},{"node":{"frontmatter":{"title":"Abstract basics","slug":"/getting-started/tutorials/abstract-tutorial","navTitle":"Abstract basics"}}},{"node":{"frontmatter":{"title":"Frequently asked questions","slug":"/getting-started/faq/tabs","navTitle":null}}},{"node":{"frontmatter":{"title":"Documentation","slug":"/getting-started/contributing/documentation","navTitle":"Documentation"}}},{"node":{"frontmatter":{"title":"How to contribute","slug":"/getting-started/contributing/how-to-contribute","navTitle":"How to contribute"}}},{"node":{"frontmatter":{"title":"Designer","slug":"/getting-started/designer","navTitle":null}}},{"node":{"frontmatter":{"title":"Icons","slug":"/getting-started/contributing/icons","navTitle":"Icons"}}},{"node":{"frontmatter":{"title":"Design","slug":"/getting-started/contributing/design","navTitle":"Design"}}},{"node":{"frontmatter":{"title":"Frequently asked questions","slug":"/getting-started/faq/design","navTitle":null}}},{"node":{"frontmatter":{"title":"Favicon","slug":"/foundation/visual-assets/favicon","navTitle":"Favicon"}}},{"node":{"frontmatter":{"title":"Foundations overview","slug":"/foundation","navTitle":null}}},{"node":{"frontmatter":{"title":"Placeholders","slug":"/foundation/visual-assets/placeholders","navTitle":"Placeholders"}}},{"node":{"frontmatter":{"title":"Wave motifs","slug":"/foundation/visual-assets/wave-motifs","navTitle":"Wave motifs"}}},{"node":{"frontmatter":{"title":"Icons","slug":"/foundation/visual-assets/icons","navTitle":"Icons"}}},{"node":{"frontmatter":{"title":"Icons - List of all icons","slug":"/foundation/visual-assets/icons/list","navTitle":null}}},{"node":{"frontmatter":{"title":"Checkboxes, radio buttons, or toggles?","slug":"/foundation/guidelines/checkbox-radiobutton-toggle","navTitle":"Checkboxes, radio buttons, or toggles?"}}},{"node":{"frontmatter":{"title":"Data formats","slug":"/foundation/guidelines/data-formats","navTitle":"Data formats"}}},{"node":{"frontmatter":{"title":"Grid","slug":"/foundation/guidelines/grid","navTitle":"Grid"}}},{"node":{"frontmatter":{"title":"Implementation","slug":"/getting-started/contributing/implementation","navTitle":"Implementation"}}},{"node":{"frontmatter":{"title":"Logo","slug":"/foundation/visual-assets/logo","navTitle":"Logo"}}},{"node":{"frontmatter":{"title":"Photography","slug":"/foundation/guidelines/photography","navTitle":"Photography"}}},{"node":{"frontmatter":{"title":"Localisation","slug":"/foundation/guidelines/localisation","navTitle":"Localisation"}}},{"node":{"frontmatter":{"title":"Server-side rendering","slug":"/foundation/guidelines/server-side-rendering","navTitle":"Server-side rendering"}}},{"node":{"frontmatter":{"title":"Icons","slug":"/foundation/visual-assets/icons/tabs","navTitle":"Icons"}}},{"node":{"frontmatter":{"title":"Typography tokens - Tokens","slug":"/foundation/design-tokens/typography/tokens","navTitle":null}}},{"node":{"frontmatter":{"title":"Typography tokens - Usage","slug":"/foundation/design-tokens/typography","navTitle":"Typography"}}},{"node":{"frontmatter":{"title":"Spacing tokens - Usage","slug":"/foundation/design-tokens/spacing","navTitle":"Spacing"}}},{"node":{"frontmatter":{"title":"Spacing tokens - Tokens","slug":"/foundation/design-tokens/spacing/tokens","navTitle":null}}},{"node":{"frontmatter":{"title":"Spacing tokens","slug":"/foundation/design-tokens/tabs","navTitle":null}}},{"node":{"frontmatter":{"title":"Typography tokens","slug":"/foundation/design-tokens/tabs","navTitle":null}}},{"node":{"frontmatter":{"title":"Colour tokens - Usage","slug":"/foundation/design-tokens/colour","navTitle":"Colour"}}},{"node":{"frontmatter":{"title":"Colour tokens","slug":"/foundation/design-tokens/tabs","navTitle":null}}},{"node":{"frontmatter":{"title":"Colour tokens - Accessibility","slug":"/foundation/design-tokens/colour/accessibility","navTitle":null}}},{"node":{"frontmatter":{"title":"Breakpoint tokens - Usage","slug":"/foundation/design-tokens/breakpoints","navTitle":"Breakpoints"}}},{"node":{"frontmatter":{"title":"Breakpoint tokens","slug":"/foundation/design-tokens/breakpoints/tabs","navTitle":null}}},{"node":{"frontmatter":{"title":"Breakpoints tokens - Tokens","slug":"/foundation/design-tokens/breakpoints/tokens","navTitle":null}}},{"node":{"frontmatter":{"title":"Home page","slug":"/","navTitle":null}}},{"node":{"frontmatter":{"title":"Colour tokens - Tokens","slug":"/foundation/design-tokens/colour/tokens","navTitle":null}}},{"node":{"frontmatter":{"title":"Components overview","slug":"/components","navTitle":null}}},{"node":{"frontmatter":{"title":"Tooltip - Accessibility","slug":"/components/tooltip/accessibility","navTitle":null}}},{"node":{"frontmatter":{"title":"Tooltip","slug":"/components/tooltip","navTitle":"Tooltip"}}},{"node":{"frontmatter":{"title":"ToggleButton - Accessibility","slug":"/components/toggle-button/accessibility","navTitle":null}}},{"node":{"frontmatter":{"title":"Tooltip - Code","slug":"/components/tooltip/code","navTitle":null}}},{"node":{"frontmatter":{"title":"ToggleButton - Code","slug":"/components/toggle-button/code","navTitle":null}}},{"node":{"frontmatter":{"title":"ToggleButton - Customisation","slug":"/components/toggle-button/customisation","navTitle":null}}},{"node":{"frontmatter":{"title":"TimeInput - Accessibility","slug":"/components/time-input/accessibility","navTitle":null}}},{"node":{"frontmatter":{"title":"TimeInput - Code","slug":"/components/time-input/code","navTitle":null}}},{"node":{"frontmatter":{"title":"TimeInput","slug":"/components/time-input","navTitle":"TimeInput"}}},{"node":{"frontmatter":{"title":"TextInput - Accessibility","slug":"/components/text-input/accessibility","navTitle":null}}},{"node":{"frontmatter":{"title":"ToggleButton","slug":"/components/toggle-button/tabs","navTitle":null}}},{"node":{"frontmatter":{"title":"TextInput - Code","slug":"/components/text-input/code","navTitle":null}}},{"node":{"frontmatter":{"title":"TextInput","slug":"/components/text-input","navTitle":"TextInput"}}},{"node":{"frontmatter":{"title":"TimeInput","slug":"/components/time-input/tabs","navTitle":null}}},{"node":{"frontmatter":{"title":"TextInput","slug":"/components/text-input/tabs","navTitle":null}}},{"node":{"frontmatter":{"title":"TextArea","slug":"/components/text-area/tabs","navTitle":null}}},{"node":{"frontmatter":{"title":"TextArea - Accessibility","slug":"/components/text-area/accessibility","navTitle":null}}},{"node":{"frontmatter":{"title":"TextArea - Code","slug":"/components/text-area/code","navTitle":null}}},{"node":{"frontmatter":{"title":"Tag - Code","slug":"/components/tag/code","navTitle":null}}},{"node":{"frontmatter":{"title":"Tag - Customisation","slug":"/components/tag/customisation","navTitle":null}}},{"node":{"frontmatter":{"title":"Tag","slug":"/components/tag/tabs","navTitle":null}}},{"node":{"frontmatter":{"title":"TextArea","slug":"/components/text-area","navTitle":"TextArea"}}},{"node":{"frontmatter":{"title":"Tag - Accessibility","slug":"/components/tag/accessibility","navTitle":null}}},{"node":{"frontmatter":{"title":"Tabs - Code","slug":"/components/tabs/code","navTitle":null}}},{"node":{"frontmatter":{"title":"Tabs - Accessibility","slug":"/components/tabs/accessibility","navTitle":null}}},{"node":{"frontmatter":{"title":"Table - Accessibility","slug":"/components/table/accessibility","navTitle":null}}},{"node":{"frontmatter":{"title":"Tabs","slug":"/components/tabs","navTitle":"Tabs"}}},{"node":{"frontmatter":{"title":"Tabs - Customisation","slug":"/components/tabs/customisation","navTitle":null}}},{"node":{"frontmatter":{"title":"Tag","slug":"/components/tag","navTitle":"Tag"}}},{"node":{"frontmatter":{"title":"Table - Customisation","slug":"/components/table/customisation","navTitle":null}}},{"node":{"frontmatter":{"title":"ToggleButton","slug":"/components/toggle-button","navTitle":"ToggleButton"}}},{"node":{"frontmatter":{"title":"Table","slug":"/components/table","navTitle":"Table"}}},{"node":{"frontmatter":{"title":"Stepper - Customisation","slug":"/components/stepper/customisation","navTitle":null}}},{"node":{"frontmatter":{"title":"Stepper - Accessibility","slug":"/components/stepper/accessibility","navTitle":null}}},{"node":{"frontmatter":{"title":"Inclusivity","slug":"/foundation/guidelines/inclusivity","navTitle":"Inclusivity"}}},{"node":{"frontmatter":{"title":"StepByStep - Code","slug":"/components/step-by-step/code","navTitle":null}}},{"node":{"frontmatter":{"title":"Stepper","slug":"/components/stepper","navTitle":"Stepper"}}},{"node":{"frontmatter":{"title":"Stepper","slug":"/components/stepper/tabs","navTitle":null}}},{"node":{"frontmatter":{"title":"Table - Code","slug":"/components/table/code","navTitle":null}}},{"node":{"frontmatter":{"title":"StatusLabel - Accessibility","slug":"/components/status-label/accessibility","navTitle":null}}},{"node":{"frontmatter":{"title":"Table","slug":"/components/table/tabs","navTitle":null}}},{"node":{"frontmatter":{"title":"StepByStep - Accessibility","slug":"/components/step-by-step/accessibility","navTitle":null}}},{"node":{"frontmatter":{"title":"StatusLabel","slug":"/components/status-label","navTitle":"StatusLabel"}}},{"node":{"frontmatter":{"title":"StatusLabel - Code","slug":"/components/status-label/code","navTitle":null}}},{"node":{"frontmatter":{"title":"StatusLabel","slug":"/components/status-label/tabs","navTitle":null}}},{"node":{"frontmatter":{"title":"StepByStep","slug":"/components/step-by-step","navTitle":"StepByStep"}}},{"node":{"frontmatter":{"title":"SideNavigation - Accessibility","slug":"/components/side-navigation/accessibility","navTitle":null}}},{"node":{"frontmatter":{"title":"SelectionGroup - Accessibility","slug":"/components/selection-group/accessibility","navTitle":null}}},{"node":{"frontmatter":{"title":"SideNavigation - Code","slug":"/components/side-navigation/code","navTitle":null}}},{"node":{"frontmatter":{"title":"SideNavigation - Customisation","slug":"/components/side-navigation/customisation","navTitle":null}}},{"node":{"frontmatter":{"title":"Stepper - Code","slug":"/components/stepper/code","navTitle":null}}},{"node":{"frontmatter":{"title":"SideNavigation","slug":"/components/side-navigation","navTitle":"SideNavigation"}}},{"node":{"frontmatter":{"title":"SelectionGroup - Code","slug":"/components/selection-group/code","navTitle":null}}},{"node":{"frontmatter":{"title":"SearchInput","slug":"/components/search-input","navTitle":"SearchInput"}}},{"node":{"frontmatter":{"title":"SearchInput - Accessibility","slug":"/components/search-input/accessibility","navTitle":null}}},{"node":{"frontmatter":{"title":"SearchInput","slug":"/components/search-input/tabs","navTitle":null}}},{"node":{"frontmatter":{"title":"SelectionGroup","slug":"/components/selection-group","navTitle":"SelectionGroup"}}},{"node":{"frontmatter":{"title":"RadioButton - Customisation","slug":"/components/radio-button/customisation","navTitle":null}}},{"node":{"frontmatter":{"title":"Tabs","slug":"/components/tabs/tabs","navTitle":null}}},{"node":{"frontmatter":{"title":"RadioButton - Accessibility","slug":"/components/radio-button/accessibility","navTitle":null}}},{"node":{"frontmatter":{"title":"PhoneInput","slug":"/components/phone-input","navTitle":"PhoneInput"}}},{"node":{"frontmatter":{"title":"RadioButton - Code","slug":"/components/radio-button/code","navTitle":null}}},{"node":{"frontmatter":{"title":"PhoneInput - Accessibility","slug":"/components/phone-input/accessibility","navTitle":null}}},{"node":{"frontmatter":{"title":"PasswordInput - Accessibility","slug":"/components/password-input/accessibility","navTitle":null}}},{"node":{"frontmatter":{"title":"SearchInput - Code","slug":"/components/search-input/code","navTitle":null}}},{"node":{"frontmatter":{"title":"PhoneInput - Code","slug":"/components/phone-input/code","navTitle":null}}},{"node":{"frontmatter":{"title":"RadioButton","slug":"/components/radio-button/tabs","navTitle":null}}},{"node":{"frontmatter":{"title":"PhoneInput","slug":"/components/phone-input/tabs","navTitle":null}}},{"node":{"frontmatter":{"title":"StepByStep","slug":"/components/step-by-step/tabs","navTitle":null}}},{"node":{"frontmatter":{"title":"PasswordInput","slug":"/components/password-input","navTitle":"PasswordInput"}}},{"node":{"frontmatter":{"title":"Tooltip","slug":"/components/tooltip/tabs","navTitle":null}}},{"node":{"frontmatter":{"title":"SelectionGroup","slug":"/components/selection-group/tabs","navTitle":null}}},{"node":{"frontmatter":{"title":"PasswordInput","slug":"/components/password-input/tabs","navTitle":null}}},{"node":{"frontmatter":{"title":"SideNavigation","slug":"/components/side-navigation/tabs","navTitle":null}}},{"node":{"frontmatter":{"title":"NumberInput - Accessibility","slug":"/components/number-input/accessibility","navTitle":null}}},{"node":{"frontmatter":{"title":"RadioButton","slug":"/components/radio-button","navTitle":"RadioButton"}}},{"node":{"frontmatter":{"title":"Pagination - Accessibility","slug":"/components/pagination/accessibility","navTitle":null}}},{"node":{"frontmatter":{"title":"Pagination - Customisation","slug":"/components/pagination/customisation","navTitle":null}}},{"node":{"frontmatter":{"title":"NumberInput","slug":"/components/number-input","navTitle":"NumberInput"}}},{"node":{"frontmatter":{"title":"Notification - Accessibility","slug":"/components/notification/accessibility","navTitle":null}}},{"node":{"frontmatter":{"title":"NumberInput - Code","slug":"/components/number-input/code","navTitle":null}}},{"node":{"frontmatter":{"title":"Notification - Code","slug":"/components/notification/code","navTitle":null}}},{"node":{"frontmatter":{"title":"Pagination","slug":"/components/pagination","navTitle":"Pagination"}}},{"node":{"frontmatter":{"title":"Navigation - Accessibility","slug":"/components/navigation/accessibility","navTitle":null}}},{"node":{"frontmatter":{"title":"Notification","slug":"/components/notification/tabs","navTitle":null}}},{"node":{"frontmatter":{"title":"Navigation - Customisation","slug":"/components/navigation/customisation","navTitle":null}}},{"node":{"frontmatter":{"title":"Navigation","slug":"/components/navigation/tabs","navTitle":null}}},{"node":{"frontmatter":{"title":"NumberInput","slug":"/components/number/tabs","navTitle":null}}},{"node":{"frontmatter":{"title":"Logo - Customisation","slug":"/components/logo/customisation","navTitle":null}}},{"node":{"frontmatter":{"title":"Logo - Accessibility","slug":"/components/logo/accessibility","navTitle":null}}},{"node":{"frontmatter":{"title":"Notification","slug":"/components/notification","navTitle":"Notification"}}},{"node":{"frontmatter":{"title":"Navigation - Code","slug":"/components/navigation/code","navTitle":null}}},{"node":{"frontmatter":{"title":"Navigation","slug":"/components/navigation","navTitle":"Navigation"}}},{"node":{"frontmatter":{"title":"Logo","slug":"/components/logo/tabs","navTitle":null}}},{"node":{"frontmatter":{"title":"LoadingSpinner - Code","slug":"/components/loading-spinner/code","navTitle":null}}},{"node":{"frontmatter":{"title":"LoadingSpinner","slug":"/components/loading-spinner","navTitle":"LoadingSpinner"}}},{"node":{"frontmatter":{"title":"PasswordInput - Security","slug":"/components/password-input/security","navTitle":null}}},{"node":{"frontmatter":{"title":"Logo - Code","slug":"/components/logo/code","navTitle":null}}},{"node":{"frontmatter":{"title":"LoadingSpinner - Customisation","slug":"/components/loading-spinner/customisation","navTitle":null}}},{"node":{"frontmatter":{"title":"LoadingSpinner","slug":"/components/loading-spinner/tabs","navTitle":null}}},{"node":{"frontmatter":{"title":"Linkbox - Accessibility","slug":"/components/linkbox/accessibility","navTitle":null}}},{"node":{"frontmatter":{"title":"Logo","slug":"/components/logo","navTitle":"Logo"}}},{"node":{"frontmatter":{"title":"Linkbox","slug":"/components/linkbox","navTitle":"Linkbox"}}},{"node":{"frontmatter":{"title":"Linkbox - Code","slug":"/components/linkbox/code","navTitle":null}}},{"node":{"frontmatter":{"title":"Link - Accessibility","slug":"/components/link/accessibility","navTitle":null}}},{"node":{"frontmatter":{"title":"Linkbox","slug":"/components/linkbox/tabs","navTitle":null}}},{"node":{"frontmatter":{"title":"Koros - Accessibility","slug":"/components/koros/accessibility","navTitle":null}}},{"node":{"frontmatter":{"title":"Link","slug":"/components/link","navTitle":"Link"}}},{"node":{"frontmatter":{"title":"Koros - Customisation","slug":"/components/koros/customisation","navTitle":null}}},{"node":{"frontmatter":{"title":"LoadingSpinner - Accessibility","slug":"/components/loading-spinner/accessibility","navTitle":null}}},{"node":{"frontmatter":{"title":"Icon - Accessibility","slug":"/components/icon/accessibility","navTitle":null}}},{"node":{"frontmatter":{"title":"Koros - Code","slug":"/components/koros/code","navTitle":null}}},{"node":{"frontmatter":{"title":"Icon - Code","slug":"/components/icon/code","navTitle":null}}},{"node":{"frontmatter":{"title":"Link - Code","slug":"/components/link/code","navTitle":null}}},{"node":{"frontmatter":{"title":"Icon","slug":"/components/icon/tabs","navTitle":null}}},{"node":{"frontmatter":{"title":"Pagination","slug":"/components/pagination/tabs","navTitle":null}}},{"node":{"frontmatter":{"title":"Link","slug":"/components/link/tabs","navTitle":null}}},{"node":{"frontmatter":{"title":"Koros","slug":"/components/koros/tabs","navTitle":null}}},{"node":{"frontmatter":{"title":"Highlight","slug":"/components/highlight","navTitle":"Highlight"}}},{"node":{"frontmatter":{"title":"Highlight - Accessibility","slug":"/components/highlight/accessibility","navTitle":null}}},{"node":{"frontmatter":{"title":"Highlight - Customisation","slug":"/components/highlight/customisation","navTitle":null}}},{"node":{"frontmatter":{"title":"Hero - Code","slug":"/components/hero/code","navTitle":null}}},{"node":{"frontmatter":{"title":"Hero - Accessibility","slug":"/components/hero/accessibility","navTitle":null}}},{"node":{"frontmatter":{"title":"Highlight - Code","slug":"/components/highlight/code","navTitle":null}}},{"node":{"frontmatter":{"title":"Highlight","slug":"/components/highlight/tabs","navTitle":null}}},{"node":{"frontmatter":{"title":"Header - Accessibility","slug":"/components/header/accessibility","navTitle":null}}},{"node":{"frontmatter":{"title":"Header - Code","slug":"/components/header/code","navTitle":null}}},{"node":{"frontmatter":{"title":"Hero","slug":"/components/hero","navTitle":"Hero "}}},{"node":{"frontmatter":{"title":"Header","slug":"/components/header/tabs","navTitle":null}}},{"node":{"frontmatter":{"title":"Hero","slug":"/components/hero/tabs","navTitle":null}}},{"node":{"frontmatter":{"title":"Footer - Code","slug":"/components/footer/code","navTitle":null}}},{"node":{"frontmatter":{"title":"Footer - Accessibility","slug":"/components/footer/accessibility","navTitle":null}}},{"node":{"frontmatter":{"title":"Footer - Customisation","slug":"/components/footer/customisation","navTitle":null}}},{"node":{"frontmatter":{"title":"Footer","slug":"/components/footer","navTitle":"Footer"}}},{"node":{"frontmatter":{"title":"FileInput","slug":"/components/file-input","navTitle":"FileInput"}}},{"node":{"frontmatter":{"title":"FileInput - Accessibility","slug":"/components/file-input/accessibility","navTitle":null}}},{"node":{"frontmatter":{"title":"FileInput - Code","slug":"/components/file-input/code","navTitle":null}}},{"node":{"frontmatter":{"title":"Footer","slug":"/components/footer/tabs","navTitle":null}}},{"node":{"frontmatter":{"title":"Hero - Customisation","slug":"/components/hero/customisation","navTitle":null}}},{"node":{"frontmatter":{"title":"Fieldset - Code","slug":"/components/fieldset/code","navTitle":null}}},{"node":{"frontmatter":{"title":"Fieldset","slug":"/components/fieldset","navTitle":"Fieldset"}}},{"node":{"frontmatter":{"title":"FileInput - Security","slug":"/components/file-input/security","navTitle":null}}},{"node":{"frontmatter":{"title":"FileInput","slug":"/components/file-input/tabs","navTitle":null}}},{"node":{"frontmatter":{"title":"PasswordInput - Code","slug":"/components/password-input/code","navTitle":null}}},{"node":{"frontmatter":{"title":"Dropdown - Code","slug":"/components/dropdown/code","navTitle":null}}},{"node":{"frontmatter":{"title":"Dropdown - Customisation","slug":"/components/dropdown/customisation","navTitle":null}}},{"node":{"frontmatter":{"title":"Dropdown","slug":"/components/dropdown/tabs","navTitle":null}}},{"node":{"frontmatter":{"title":"Dialog - Accessibility","slug":"/components/dialog/accessibility","navTitle":null}}},{"node":{"frontmatter":{"title":"Koros","slug":"/components/koros","navTitle":"Koros"}}},{"node":{"frontmatter":{"title":"Dropdown","slug":"/components/dropdown","navTitle":"Dropdown"}}},{"node":{"frontmatter":{"title":"Dialog","slug":"/components/dialog/tabs","navTitle":null}}},{"node":{"frontmatter":{"title":"Dialog - Code","slug":"/components/dialog/code","navTitle":null}}},{"node":{"frontmatter":{"title":"Dialog - Customisation","slug":"/components/dialog/customisation","navTitle":null}}},{"node":{"frontmatter":{"title":"DateInput - Accessibility","slug":"/components/date-input/accessibility","navTitle":null}}},{"node":{"frontmatter":{"title":"Dropdown - Accessibility","slug":"/components/dropdown/accessibility","navTitle":null}}},{"node":{"frontmatter":{"title":"Dialog","slug":"/components/dialog","navTitle":"Dialog"}}},{"node":{"frontmatter":{"title":"DateInput","slug":"/components/date-input/tabs","navTitle":null}}},{"node":{"frontmatter":{"title":"CookieConsent - API","slug":"/components/cookie-consent/api","navTitle":null}}},{"node":{"frontmatter":{"title":"CookieConsent","slug":"/components/cookie-consent","navTitle":"CookieConsent"}}},{"node":{"frontmatter":{"title":"DateInput","slug":"/components/date-input","navTitle":"DateInput"}}},{"node":{"frontmatter":{"title":"CookieConsent","slug":"/components/cookie-consent/tabs","navTitle":null}}},{"node":{"frontmatter":{"title":"Checkbox - Accessibility","slug":"/components/checkbox/accessibility","navTitle":null}}},{"node":{"frontmatter":{"title":"Fieldset - Accessibility","slug":"/components/fieldset/accessibility","navTitle":null}}},{"node":{"frontmatter":{"title":"CookieConsent - Accessibility","slug":"/components/cookie-consent/accessibility","navTitle":null}}},{"node":{"frontmatter":{"title":"Icon - Customisation","slug":"/components/icon/customisation","navTitle":null}}},{"node":{"frontmatter":{"title":"Checkbox - Code","slug":"/components/checkbox/code","navTitle":null}}},{"node":{"frontmatter":{"title":"Checkbox","slug":"/components/checkbox/tabs","navTitle":null}}},{"node":{"frontmatter":{"title":"Checkbox","slug":"/components/checkbox","navTitle":"Checkbox"}}},{"node":{"frontmatter":{"title":"Card - Accessibility","slug":"/components/card/accessibility","navTitle":null}}},{"node":{"frontmatter":{"title":"Card - Customisation","slug":"/components/card/customisation","navTitle":null}}},{"node":{"frontmatter":{"title":null,"slug":"/components/checkbox/customisation","navTitle":null}}},{"node":{"frontmatter":{"title":"Card","slug":"/components/card","navTitle":"Card"}}},{"node":{"frontmatter":{"title":"Card","slug":"/components/card/tabs","navTitle":null}}},{"node":{"frontmatter":{"title":"Button - Accessibility","slug":"/components/buttons/accessibility","navTitle":null}}},{"node":{"frontmatter":{"title":"Button - Customisation","slug":"/components/buttons/customisation","navTitle":null}}},{"node":{"frontmatter":{"title":"Card - Code","slug":"/components/card/code","navTitle":null}}},{"node":{"frontmatter":{"title":"Button","slug":"/components/buttons/tabs","navTitle":null}}},{"node":{"frontmatter":{"title":"Link - Accessibility","slug":"/components/breadcrumb/accessibility","navTitle":null}}},{"node":{"frontmatter":{"title":"Breadcrumb - Code","slug":"/components/breadcrumb/code","navTitle":null}}},{"node":{"frontmatter":{"title":"Button","slug":"/components/buttons","navTitle":"Button"}}},{"node":{"frontmatter":{"title":"Breadcrumb - Customisation","slug":"/components/breadcrumb/customisation","navTitle":null}}},{"node":{"frontmatter":{"title":"Breadcrumb","slug":"/components/breadcrumb","navTitle":"Breadcrumb"}}},{"node":{"frontmatter":{"title":"Accordion - Accessibility","slug":"/components/accordion/accessibility","navTitle":null}}},{"node":{"frontmatter":{"title":"Accordion - Code","slug":"/components/accordion/code","navTitle":null}}},{"node":{"frontmatter":{"title":"Accordion - Customisation","slug":"/components/accordion/customisation","navTitle":null}}},{"node":{"frontmatter":{"title":"Accordion","slug":"/components/accordion","navTitle":"Accordion"}}},{"node":{"frontmatter":{"title":"Breadcrumb","slug":"/components/breadcrumb/tabs","navTitle":null}}},{"node":{"frontmatter":{"title":"Accordion","slug":"/components/accordion/tabs","navTitle":null}}},{"node":{"frontmatter":{"title":"Support","slug":"/about","navTitle":null}}},{"node":{"frontmatter":{"title":"Resources","slug":"/about/resources","navTitle":null}}},{"node":{"frontmatter":{"title":"Fieldset","slug":"/components/fieldset/tabs","navTitle":null}}},{"node":{"frontmatter":{"title":"Button - Code","slug":"/components/buttons/code","navTitle":null}}},{"node":{"frontmatter":{"title":"CookieConsent - Code","slug":"/components/cookie-consent/code","navTitle":null}}},{"node":{"frontmatter":{"title":"HDS Accessibility","slug":"/about/accessibility/hds-accessibility","navTitle":"HDS Accessibility"}}},{"node":{"frontmatter":{"title":"Accessibility statement","slug":"/about/accessibility/statement","navTitle":"Accessibility statement"}}},{"node":{"frontmatter":{"title":"Icon","slug":"/components/icon","navTitle":"Icon"}}},{"node":{"frontmatter":{"title":"DateInput - Code","slug":"/components/date-input/code","navTitle":null}}},{"node":{"frontmatter":{"title":"Pagination - Code","slug":"/components/pagination/code","navTitle":null}}},{"node":{"frontmatter":{"title":"Building forms","slug":"/patterns/forms/form-building","navTitle":"Building forms"}}},{"node":{"frontmatter":{"title":"Header","slug":"/components/header","navTitle":"Header"}}}]}}}
\ No newline at end of file
+{"data":{"site":{"siteMetadata":{"title":"Helsinki Design System","description":"Documentation for the Helsinki Design System","siteUrl":"https://hds.hel.fi","menuLinks":[{"name":"Getting started","link":"/getting-started","subMenuLinks":[{"name":"Getting started","link":"/getting-started","withDivider":null},{"name":"Designer","link":"/getting-started/designer","withDivider":true},{"name":"Developer","link":"/getting-started/developer","withDivider":null},{"name":"Contributing","link":"/getting-started/contributing","withDivider":true},{"name":"FAQ","link":"/getting-started/faq","withDivider":true},{"name":"Versioning","link":"/getting-started/versioning","withDivider":true},{"name":"Tutorials","link":"/getting-started/tutorials","withDivider":null}]},{"name":"Foundation","link":"/foundation","subMenuLinks":[{"name":"Overview","link":"/foundation","withDivider":null},{"name":"Design tokens","link":"/foundation/design-tokens","withDivider":true},{"name":"Visual assets","link":"/foundation/visual-assets","withDivider":null},{"name":"Guidelines","link":"/foundation/guidelines","withDivider":null}]},{"name":"Components","link":"/components","subMenuLinks":[{"name":"Overview","link":"/components","withDivider":null}]},{"name":"Patterns","link":"/patterns","subMenuLinks":[{"name":"Overview","link":"/patterns","withDivider":null},{"name":"Forms","link":"/patterns/forms","withDivider":null},{"name":"Cookies","link":"/patterns/cookies","withDivider":null}]},{"name":"About","link":"/about","subMenuLinks":[{"name":"Support","link":"/about","withDivider":null},{"name":"Accessibility","link":"/about/accessibility","withDivider":null},{"name":"Resources","link":"/about/resources","withDivider":true}]}],"footerTitle":"Helsinki Design System","footerAriaLabel":"HDS footer"}},"allMdx":{"edges":[{"node":{"frontmatter":{"title":"Not Found","slug":"/404","navTitle":null}}},{"node":{"frontmatter":{"title":"Patterns overview","slug":"/patterns","navTitle":null}}},{"node":{"frontmatter":{"title":"Multi-page forms","slug":"/patterns/forms/form-multi-page","navTitle":"Multi-page forms"}}},{"node":{"frontmatter":{"title":"Form validation","slug":"/patterns/forms/form-validation","navTitle":"Form validation"}}},{"node":{"frontmatter":{"title":"Basics","slug":"/patterns/cookies/basics","navTitle":"Basics"}}},{"node":{"frontmatter":{"title":"Common Helsinki cookies","slug":"/patterns/cookies/common-helsinki-cookies","navTitle":"Common Helsinki cookies"}}},{"node":{"frontmatter":{"title":"Using the CookieConsent","slug":"/patterns/cookies/using-the-cookieconsent","navTitle":"Using the CookieConsent"}}},{"node":{"frontmatter":{"title":"Developer","slug":"/getting-started/developer","navTitle":null}}},{"node":{"frontmatter":{"title":"Getting started","slug":"/getting-started","navTitle":null}}},{"node":{"frontmatter":{"title":"Versioning","slug":"/getting-started/versioning","navTitle":null}}},{"node":{"frontmatter":{"title":"Frequently asked questions","slug":"/getting-started/faq/code","navTitle":null}}},{"node":{"frontmatter":{"title":"Frequently asked questions","slug":"/getting-started/faq/accessibility","navTitle":null}}},{"node":{"frontmatter":{"title":"Frequently asked questions","slug":"/getting-started/faq","navTitle":null}}},{"node":{"frontmatter":{"title":"Abstract basics","slug":"/getting-started/tutorials/abstract-tutorial","navTitle":"Abstract basics"}}},{"node":{"frontmatter":{"title":"Frequently asked questions","slug":"/getting-started/faq/tabs","navTitle":null}}},{"node":{"frontmatter":{"title":"Documentation","slug":"/getting-started/contributing/documentation","navTitle":"Documentation"}}},{"node":{"frontmatter":{"title":"How to contribute","slug":"/getting-started/contributing/how-to-contribute","navTitle":"How to contribute"}}},{"node":{"frontmatter":{"title":"Designer","slug":"/getting-started/designer","navTitle":null}}},{"node":{"frontmatter":{"title":"Icons","slug":"/getting-started/contributing/icons","navTitle":"Icons"}}},{"node":{"frontmatter":{"title":"Design","slug":"/getting-started/contributing/design","navTitle":"Design"}}},{"node":{"frontmatter":{"title":"Frequently asked questions","slug":"/getting-started/faq/design","navTitle":null}}},{"node":{"frontmatter":{"title":"Favicon","slug":"/foundation/visual-assets/favicon","navTitle":"Favicon"}}},{"node":{"frontmatter":{"title":"Foundations overview","slug":"/foundation","navTitle":null}}},{"node":{"frontmatter":{"title":"Placeholders","slug":"/foundation/visual-assets/placeholders","navTitle":"Placeholders"}}},{"node":{"frontmatter":{"title":"Wave motifs","slug":"/foundation/visual-assets/wave-motifs","navTitle":"Wave motifs"}}},{"node":{"frontmatter":{"title":"Icons","slug":"/foundation/visual-assets/icons","navTitle":"Icons"}}},{"node":{"frontmatter":{"title":"Icons - List of all icons","slug":"/foundation/visual-assets/icons/list","navTitle":null}}},{"node":{"frontmatter":{"title":"Checkboxes, radio buttons, or toggles?","slug":"/foundation/guidelines/checkbox-radiobutton-toggle","navTitle":"Checkboxes, radio buttons, or toggles?"}}},{"node":{"frontmatter":{"title":"Data formats","slug":"/foundation/guidelines/data-formats","navTitle":"Data formats"}}},{"node":{"frontmatter":{"title":"Grid","slug":"/foundation/guidelines/grid","navTitle":"Grid"}}},{"node":{"frontmatter":{"title":"Implementation","slug":"/getting-started/contributing/implementation","navTitle":"Implementation"}}},{"node":{"frontmatter":{"title":"Logo","slug":"/foundation/visual-assets/logo","navTitle":"Logo"}}},{"node":{"frontmatter":{"title":"Photography","slug":"/foundation/guidelines/photography","navTitle":"Photography"}}},{"node":{"frontmatter":{"title":"Localisation","slug":"/foundation/guidelines/localisation","navTitle":"Localisation"}}},{"node":{"frontmatter":{"title":"Server-side rendering","slug":"/foundation/guidelines/server-side-rendering","navTitle":"Server-side rendering"}}},{"node":{"frontmatter":{"title":"Icons","slug":"/foundation/visual-assets/icons/tabs","navTitle":"Icons"}}},{"node":{"frontmatter":{"title":"Typography tokens - Tokens","slug":"/foundation/design-tokens/typography/tokens","navTitle":null}}},{"node":{"frontmatter":{"title":"Typography tokens - Usage","slug":"/foundation/design-tokens/typography","navTitle":"Typography"}}},{"node":{"frontmatter":{"title":"Spacing tokens - Usage","slug":"/foundation/design-tokens/spacing","navTitle":"Spacing"}}},{"node":{"frontmatter":{"title":"Spacing tokens - Tokens","slug":"/foundation/design-tokens/spacing/tokens","navTitle":null}}},{"node":{"frontmatter":{"title":"Spacing tokens","slug":"/foundation/design-tokens/tabs","navTitle":null}}},{"node":{"frontmatter":{"title":"Typography tokens","slug":"/foundation/design-tokens/tabs","navTitle":null}}},{"node":{"frontmatter":{"title":"Colour tokens - Usage","slug":"/foundation/design-tokens/colour","navTitle":"Colour"}}},{"node":{"frontmatter":{"title":"Colour tokens","slug":"/foundation/design-tokens/tabs","navTitle":null}}},{"node":{"frontmatter":{"title":"Colour tokens - Accessibility","slug":"/foundation/design-tokens/colour/accessibility","navTitle":null}}},{"node":{"frontmatter":{"title":"Breakpoint tokens - Usage","slug":"/foundation/design-tokens/breakpoints","navTitle":"Breakpoints"}}},{"node":{"frontmatter":{"title":"Breakpoint tokens","slug":"/foundation/design-tokens/breakpoints/tabs","navTitle":null}}},{"node":{"frontmatter":{"title":"Breakpoints tokens - Tokens","slug":"/foundation/design-tokens/breakpoints/tokens","navTitle":null}}},{"node":{"frontmatter":{"title":"Home page","slug":"/","navTitle":null}}},{"node":{"frontmatter":{"title":"Colour tokens - Tokens","slug":"/foundation/design-tokens/colour/tokens","navTitle":null}}},{"node":{"frontmatter":{"title":"Components overview","slug":"/components","navTitle":null}}},{"node":{"frontmatter":{"title":"Tooltip - Accessibility","slug":"/components/tooltip/accessibility","navTitle":null}}},{"node":{"frontmatter":{"title":"Tooltip","slug":"/components/tooltip","navTitle":"Tooltip"}}},{"node":{"frontmatter":{"title":"ToggleButton - Accessibility","slug":"/components/toggle-button/accessibility","navTitle":null}}},{"node":{"frontmatter":{"title":"Tooltip - Code","slug":"/components/tooltip/code","navTitle":null}}},{"node":{"frontmatter":{"title":"ToggleButton - Code","slug":"/components/toggle-button/code","navTitle":null}}},{"node":{"frontmatter":{"title":"ToggleButton - Customisation","slug":"/components/toggle-button/customisation","navTitle":null}}},{"node":{"frontmatter":{"title":"TimeInput - Accessibility","slug":"/components/time-input/accessibility","navTitle":null}}},{"node":{"frontmatter":{"title":"TimeInput - Code","slug":"/components/time-input/code","navTitle":null}}},{"node":{"frontmatter":{"title":"TimeInput","slug":"/components/time-input","navTitle":"TimeInput"}}},{"node":{"frontmatter":{"title":"TextInput - Accessibility","slug":"/components/text-input/accessibility","navTitle":null}}},{"node":{"frontmatter":{"title":"ToggleButton","slug":"/components/toggle-button/tabs","navTitle":null}}},{"node":{"frontmatter":{"title":"TextInput - Code","slug":"/components/text-input/code","navTitle":null}}},{"node":{"frontmatter":{"title":"TextInput","slug":"/components/text-input","navTitle":"TextInput"}}},{"node":{"frontmatter":{"title":"TimeInput","slug":"/components/time-input/tabs","navTitle":null}}},{"node":{"frontmatter":{"title":"TextInput","slug":"/components/text-input/tabs","navTitle":null}}},{"node":{"frontmatter":{"title":"TextArea","slug":"/components/text-area/tabs","navTitle":null}}},{"node":{"frontmatter":{"title":"TextArea - Accessibility","slug":"/components/text-area/accessibility","navTitle":null}}},{"node":{"frontmatter":{"title":"TextArea - Code","slug":"/components/text-area/code","navTitle":null}}},{"node":{"frontmatter":{"title":"Tag - Code","slug":"/components/tag/code","navTitle":null}}},{"node":{"frontmatter":{"title":"Tag - Customisation","slug":"/components/tag/customisation","navTitle":null}}},{"node":{"frontmatter":{"title":"Tag","slug":"/components/tag/tabs","navTitle":null}}},{"node":{"frontmatter":{"title":"TextArea","slug":"/components/text-area","navTitle":"TextArea"}}},{"node":{"frontmatter":{"title":"Tag - Accessibility","slug":"/components/tag/accessibility","navTitle":null}}},{"node":{"frontmatter":{"title":"Tabs - Code","slug":"/components/tabs/code","navTitle":null}}},{"node":{"frontmatter":{"title":"Tabs - Accessibility","slug":"/components/tabs/accessibility","navTitle":null}}},{"node":{"frontmatter":{"title":"Table - Accessibility","slug":"/components/table/accessibility","navTitle":null}}},{"node":{"frontmatter":{"title":"Tabs","slug":"/components/tabs","navTitle":"Tabs"}}},{"node":{"frontmatter":{"title":"Tabs - Customisation","slug":"/components/tabs/customisation","navTitle":null}}},{"node":{"frontmatter":{"title":"Tag","slug":"/components/tag","navTitle":"Tag"}}},{"node":{"frontmatter":{"title":"Table - Customisation","slug":"/components/table/customisation","navTitle":null}}},{"node":{"frontmatter":{"title":"ToggleButton","slug":"/components/toggle-button","navTitle":"ToggleButton"}}},{"node":{"frontmatter":{"title":"Table","slug":"/components/table","navTitle":"Table"}}},{"node":{"frontmatter":{"title":"Stepper - Customisation","slug":"/components/stepper/customisation","navTitle":null}}},{"node":{"frontmatter":{"title":"Stepper - Accessibility","slug":"/components/stepper/accessibility","navTitle":null}}},{"node":{"frontmatter":{"title":"Inclusivity","slug":"/foundation/guidelines/inclusivity","navTitle":"Inclusivity"}}},{"node":{"frontmatter":{"title":"StepByStep - Code","slug":"/components/step-by-step/code","navTitle":null}}},{"node":{"frontmatter":{"title":"Stepper","slug":"/components/stepper","navTitle":"Stepper"}}},{"node":{"frontmatter":{"title":"Stepper","slug":"/components/stepper/tabs","navTitle":null}}},{"node":{"frontmatter":{"title":"Table - Code","slug":"/components/table/code","navTitle":null}}},{"node":{"frontmatter":{"title":"StatusLabel - Accessibility","slug":"/components/status-label/accessibility","navTitle":null}}},{"node":{"frontmatter":{"title":"Table","slug":"/components/table/tabs","navTitle":null}}},{"node":{"frontmatter":{"title":"StepByStep - Accessibility","slug":"/components/step-by-step/accessibility","navTitle":null}}},{"node":{"frontmatter":{"title":"StatusLabel","slug":"/components/status-label","navTitle":"StatusLabel"}}},{"node":{"frontmatter":{"title":"StatusLabel - Code","slug":"/components/status-label/code","navTitle":null}}},{"node":{"frontmatter":{"title":"StatusLabel","slug":"/components/status-label/tabs","navTitle":null}}},{"node":{"frontmatter":{"title":"StepByStep","slug":"/components/step-by-step","navTitle":"StepByStep"}}},{"node":{"frontmatter":{"title":"SideNavigation - Accessibility","slug":"/components/side-navigation/accessibility","navTitle":null}}},{"node":{"frontmatter":{"title":"SelectionGroup - Accessibility","slug":"/components/selection-group/accessibility","navTitle":null}}},{"node":{"frontmatter":{"title":"SideNavigation - Code","slug":"/components/side-navigation/code","navTitle":null}}},{"node":{"frontmatter":{"title":"SideNavigation - Customisation","slug":"/components/side-navigation/customisation","navTitle":null}}},{"node":{"frontmatter":{"title":"Stepper - Code","slug":"/components/stepper/code","navTitle":null}}},{"node":{"frontmatter":{"title":"SideNavigation","slug":"/components/side-navigation","navTitle":"SideNavigation"}}},{"node":{"frontmatter":{"title":"SelectionGroup - Code","slug":"/components/selection-group/code","navTitle":null}}},{"node":{"frontmatter":{"title":"SearchInput","slug":"/components/search-input","navTitle":"SearchInput"}}},{"node":{"frontmatter":{"title":"SearchInput - Accessibility","slug":"/components/search-input/accessibility","navTitle":null}}},{"node":{"frontmatter":{"title":"SearchInput","slug":"/components/search-input/tabs","navTitle":null}}},{"node":{"frontmatter":{"title":"SelectionGroup","slug":"/components/selection-group","navTitle":"SelectionGroup"}}},{"node":{"frontmatter":{"title":"RadioButton - Customisation","slug":"/components/radio-button/customisation","navTitle":null}}},{"node":{"frontmatter":{"title":"Tabs","slug":"/components/tabs/tabs","navTitle":null}}},{"node":{"frontmatter":{"title":"RadioButton - Accessibility","slug":"/components/radio-button/accessibility","navTitle":null}}},{"node":{"frontmatter":{"title":"PhoneInput","slug":"/components/phone-input","navTitle":"PhoneInput"}}},{"node":{"frontmatter":{"title":"RadioButton - Code","slug":"/components/radio-button/code","navTitle":null}}},{"node":{"frontmatter":{"title":"PhoneInput - Accessibility","slug":"/components/phone-input/accessibility","navTitle":null}}},{"node":{"frontmatter":{"title":"PasswordInput - Accessibility","slug":"/components/password-input/accessibility","navTitle":null}}},{"node":{"frontmatter":{"title":"SearchInput - Code","slug":"/components/search-input/code","navTitle":null}}},{"node":{"frontmatter":{"title":"PhoneInput - Code","slug":"/components/phone-input/code","navTitle":null}}},{"node":{"frontmatter":{"title":"RadioButton","slug":"/components/radio-button/tabs","navTitle":null}}},{"node":{"frontmatter":{"title":"PhoneInput","slug":"/components/phone-input/tabs","navTitle":null}}},{"node":{"frontmatter":{"title":"StepByStep","slug":"/components/step-by-step/tabs","navTitle":null}}},{"node":{"frontmatter":{"title":"PasswordInput","slug":"/components/password-input","navTitle":"PasswordInput"}}},{"node":{"frontmatter":{"title":"Tooltip","slug":"/components/tooltip/tabs","navTitle":null}}},{"node":{"frontmatter":{"title":"SelectionGroup","slug":"/components/selection-group/tabs","navTitle":null}}},{"node":{"frontmatter":{"title":"PasswordInput","slug":"/components/password-input/tabs","navTitle":null}}},{"node":{"frontmatter":{"title":"SideNavigation","slug":"/components/side-navigation/tabs","navTitle":null}}},{"node":{"frontmatter":{"title":"NumberInput - Accessibility","slug":"/components/number-input/accessibility","navTitle":null}}},{"node":{"frontmatter":{"title":"RadioButton","slug":"/components/radio-button","navTitle":"RadioButton"}}},{"node":{"frontmatter":{"title":"Pagination - Accessibility","slug":"/components/pagination/accessibility","navTitle":null}}},{"node":{"frontmatter":{"title":"Pagination - Customisation","slug":"/components/pagination/customisation","navTitle":null}}},{"node":{"frontmatter":{"title":"NumberInput","slug":"/components/number-input","navTitle":"NumberInput"}}},{"node":{"frontmatter":{"title":"Notification - Accessibility","slug":"/components/notification/accessibility","navTitle":null}}},{"node":{"frontmatter":{"title":"NumberInput - Code","slug":"/components/number-input/code","navTitle":null}}},{"node":{"frontmatter":{"title":"Notification - Code","slug":"/components/notification/code","navTitle":null}}},{"node":{"frontmatter":{"title":"Pagination","slug":"/components/pagination","navTitle":"Pagination"}}},{"node":{"frontmatter":{"title":"Navigation - Accessibility","slug":"/components/navigation/accessibility","navTitle":null}}},{"node":{"frontmatter":{"title":"Notification","slug":"/components/notification/tabs","navTitle":null}}},{"node":{"frontmatter":{"title":"Navigation - Customisation","slug":"/components/navigation/customisation","navTitle":null}}},{"node":{"frontmatter":{"title":"Navigation","slug":"/components/navigation/tabs","navTitle":null}}},{"node":{"frontmatter":{"title":"NumberInput","slug":"/components/number/tabs","navTitle":null}}},{"node":{"frontmatter":{"title":"Logo - Customisation","slug":"/components/logo/customisation","navTitle":null}}},{"node":{"frontmatter":{"title":"Logo - Accessibility","slug":"/components/logo/accessibility","navTitle":null}}},{"node":{"frontmatter":{"title":"Notification","slug":"/components/notification","navTitle":"Notification"}}},{"node":{"frontmatter":{"title":"Navigation - Code","slug":"/components/navigation/code","navTitle":null}}},{"node":{"frontmatter":{"title":"Navigation","slug":"/components/navigation","navTitle":"Navigation"}}},{"node":{"frontmatter":{"title":"Logo","slug":"/components/logo/tabs","navTitle":null}}},{"node":{"frontmatter":{"title":"LoadingSpinner - Code","slug":"/components/loading-spinner/code","navTitle":null}}},{"node":{"frontmatter":{"title":"LoadingSpinner","slug":"/components/loading-spinner","navTitle":"LoadingSpinner"}}},{"node":{"frontmatter":{"title":"PasswordInput - Security","slug":"/components/password-input/security","navTitle":null}}},{"node":{"frontmatter":{"title":"Logo - Code","slug":"/components/logo/code","navTitle":null}}},{"node":{"frontmatter":{"title":"LoadingSpinner - Customisation","slug":"/components/loading-spinner/customisation","navTitle":null}}},{"node":{"frontmatter":{"title":"LoadingSpinner","slug":"/components/loading-spinner/tabs","navTitle":null}}},{"node":{"frontmatter":{"title":"Linkbox - Accessibility","slug":"/components/linkbox/accessibility","navTitle":null}}},{"node":{"frontmatter":{"title":"Logo","slug":"/components/logo","navTitle":"Logo"}}},{"node":{"frontmatter":{"title":"Linkbox","slug":"/components/linkbox","navTitle":"Linkbox"}}},{"node":{"frontmatter":{"title":"Linkbox - Code","slug":"/components/linkbox/code","navTitle":null}}},{"node":{"frontmatter":{"title":"Link - Accessibility","slug":"/components/link/accessibility","navTitle":null}}},{"node":{"frontmatter":{"title":"Linkbox","slug":"/components/linkbox/tabs","navTitle":null}}},{"node":{"frontmatter":{"title":"Koros - Accessibility","slug":"/components/koros/accessibility","navTitle":null}}},{"node":{"frontmatter":{"title":"Link","slug":"/components/link","navTitle":"Link"}}},{"node":{"frontmatter":{"title":"Koros - Customisation","slug":"/components/koros/customisation","navTitle":null}}},{"node":{"frontmatter":{"title":"LoadingSpinner - Accessibility","slug":"/components/loading-spinner/accessibility","navTitle":null}}},{"node":{"frontmatter":{"title":"Icon - Accessibility","slug":"/components/icon/accessibility","navTitle":null}}},{"node":{"frontmatter":{"title":"Koros - Code","slug":"/components/koros/code","navTitle":null}}},{"node":{"frontmatter":{"title":"Icon - Code","slug":"/components/icon/code","navTitle":null}}},{"node":{"frontmatter":{"title":"Link - Code","slug":"/components/link/code","navTitle":null}}},{"node":{"frontmatter":{"title":"Icon","slug":"/components/icon/tabs","navTitle":null}}},{"node":{"frontmatter":{"title":"Pagination","slug":"/components/pagination/tabs","navTitle":null}}},{"node":{"frontmatter":{"title":"Link","slug":"/components/link/tabs","navTitle":null}}},{"node":{"frontmatter":{"title":"Koros","slug":"/components/koros/tabs","navTitle":null}}},{"node":{"frontmatter":{"title":"Highlight","slug":"/components/highlight","navTitle":"Highlight"}}},{"node":{"frontmatter":{"title":"Highlight - Accessibility","slug":"/components/highlight/accessibility","navTitle":null}}},{"node":{"frontmatter":{"title":"Highlight - Customisation","slug":"/components/highlight/customisation","navTitle":null}}},{"node":{"frontmatter":{"title":"Hero - Code","slug":"/components/hero/code","navTitle":null}}},{"node":{"frontmatter":{"title":"Hero - Accessibility","slug":"/components/hero/accessibility","navTitle":null}}},{"node":{"frontmatter":{"title":"Highlight - Code","slug":"/components/highlight/code","navTitle":null}}},{"node":{"frontmatter":{"title":"Highlight","slug":"/components/highlight/tabs","navTitle":null}}},{"node":{"frontmatter":{"title":"Header - Accessibility","slug":"/components/header/accessibility","navTitle":null}}},{"node":{"frontmatter":{"title":"Header - Code","slug":"/components/header/code","navTitle":null}}},{"node":{"frontmatter":{"title":"Hero","slug":"/components/hero","navTitle":"Hero "}}},{"node":{"frontmatter":{"title":"Header","slug":"/components/header/tabs","navTitle":null}}},{"node":{"frontmatter":{"title":"Hero","slug":"/components/hero/tabs","navTitle":null}}},{"node":{"frontmatter":{"title":"Footer - Code","slug":"/components/footer/code","navTitle":null}}},{"node":{"frontmatter":{"title":"Footer - Accessibility","slug":"/components/footer/accessibility","navTitle":null}}},{"node":{"frontmatter":{"title":"Footer - Customisation","slug":"/components/footer/customisation","navTitle":null}}},{"node":{"frontmatter":{"title":"Footer","slug":"/components/footer","navTitle":"Footer"}}},{"node":{"frontmatter":{"title":"FileInput","slug":"/components/file-input","navTitle":"FileInput"}}},{"node":{"frontmatter":{"title":"FileInput - Accessibility","slug":"/components/file-input/accessibility","navTitle":null}}},{"node":{"frontmatter":{"title":"FileInput - Code","slug":"/components/file-input/code","navTitle":null}}},{"node":{"frontmatter":{"title":"Footer","slug":"/components/footer/tabs","navTitle":null}}},{"node":{"frontmatter":{"title":"Hero - Customisation","slug":"/components/hero/customisation","navTitle":null}}},{"node":{"frontmatter":{"title":"Fieldset - Code","slug":"/components/fieldset/code","navTitle":null}}},{"node":{"frontmatter":{"title":"Fieldset","slug":"/components/fieldset","navTitle":"Fieldset"}}},{"node":{"frontmatter":{"title":"FileInput - Security","slug":"/components/file-input/security","navTitle":null}}},{"node":{"frontmatter":{"title":"FileInput","slug":"/components/file-input/tabs","navTitle":null}}},{"node":{"frontmatter":{"title":"PasswordInput - Code","slug":"/components/password-input/code","navTitle":null}}},{"node":{"frontmatter":{"title":"Dropdown - Code","slug":"/components/dropdown/code","navTitle":null}}},{"node":{"frontmatter":{"title":"Dropdown - Customisation","slug":"/components/dropdown/customisation","navTitle":null}}},{"node":{"frontmatter":{"title":"Dropdown","slug":"/components/dropdown/tabs","navTitle":null}}},{"node":{"frontmatter":{"title":"Dialog - Accessibility","slug":"/components/dialog/accessibility","navTitle":null}}},{"node":{"frontmatter":{"title":"Koros","slug":"/components/koros","navTitle":"Koros"}}},{"node":{"frontmatter":{"title":"Dropdown","slug":"/components/dropdown","navTitle":"Dropdown"}}},{"node":{"frontmatter":{"title":"Dialog","slug":"/components/dialog/tabs","navTitle":null}}},{"node":{"frontmatter":{"title":"Dialog - Code","slug":"/components/dialog/code","navTitle":null}}},{"node":{"frontmatter":{"title":"Dialog - Customisation","slug":"/components/dialog/customisation","navTitle":null}}},{"node":{"frontmatter":{"title":"DateInput - Accessibility","slug":"/components/date-input/accessibility","navTitle":null}}},{"node":{"frontmatter":{"title":"Dropdown - Accessibility","slug":"/components/dropdown/accessibility","navTitle":null}}},{"node":{"frontmatter":{"title":"Dialog","slug":"/components/dialog","navTitle":"Dialog"}}},{"node":{"frontmatter":{"title":"DateInput","slug":"/components/date-input/tabs","navTitle":null}}},{"node":{"frontmatter":{"title":"CookieConsent - API","slug":"/components/cookie-consent/api","navTitle":null}}},{"node":{"frontmatter":{"title":"CookieConsent","slug":"/components/cookie-consent","navTitle":"CookieConsent"}}},{"node":{"frontmatter":{"title":"DateInput","slug":"/components/date-input","navTitle":"DateInput"}}},{"node":{"frontmatter":{"title":"CookieConsent","slug":"/components/cookie-consent/tabs","navTitle":null}}},{"node":{"frontmatter":{"title":"Checkbox - Accessibility","slug":"/components/checkbox/accessibility","navTitle":null}}},{"node":{"frontmatter":{"title":"Fieldset - Accessibility","slug":"/components/fieldset/accessibility","navTitle":null}}},{"node":{"frontmatter":{"title":"CookieConsent - Accessibility","slug":"/components/cookie-consent/accessibility","navTitle":null}}},{"node":{"frontmatter":{"title":"Icon - Customisation","slug":"/components/icon/customisation","navTitle":null}}},{"node":{"frontmatter":{"title":"Checkbox - Code","slug":"/components/checkbox/code","navTitle":null}}},{"node":{"frontmatter":{"title":"Checkbox","slug":"/components/checkbox/tabs","navTitle":null}}},{"node":{"frontmatter":{"title":"Checkbox","slug":"/components/checkbox","navTitle":"Checkbox"}}},{"node":{"frontmatter":{"title":"Card - Accessibility","slug":"/components/card/accessibility","navTitle":null}}},{"node":{"frontmatter":{"title":"Card - Customisation","slug":"/components/card/customisation","navTitle":null}}},{"node":{"frontmatter":{"title":null,"slug":"/components/checkbox/customisation","navTitle":null}}},{"node":{"frontmatter":{"title":"Card","slug":"/components/card","navTitle":"Card"}}},{"node":{"frontmatter":{"title":"Card","slug":"/components/card/tabs","navTitle":null}}},{"node":{"frontmatter":{"title":"Button - Accessibility","slug":"/components/buttons/accessibility","navTitle":null}}},{"node":{"frontmatter":{"title":"Button - Customisation","slug":"/components/buttons/customisation","navTitle":null}}},{"node":{"frontmatter":{"title":"Card - Code","slug":"/components/card/code","navTitle":null}}},{"node":{"frontmatter":{"title":"Button","slug":"/components/buttons/tabs","navTitle":null}}},{"node":{"frontmatter":{"title":"Link - Accessibility","slug":"/components/breadcrumb/accessibility","navTitle":null}}},{"node":{"frontmatter":{"title":"Breadcrumb - Code","slug":"/components/breadcrumb/code","navTitle":null}}},{"node":{"frontmatter":{"title":"Button","slug":"/components/buttons","navTitle":"Button"}}},{"node":{"frontmatter":{"title":"Breadcrumb - Customisation","slug":"/components/breadcrumb/customisation","navTitle":null}}},{"node":{"frontmatter":{"title":"Breadcrumb","slug":"/components/breadcrumb","navTitle":"Breadcrumb"}}},{"node":{"frontmatter":{"title":"Accordion - Accessibility","slug":"/components/accordion/accessibility","navTitle":null}}},{"node":{"frontmatter":{"title":"Accordion - Code","slug":"/components/accordion/code","navTitle":null}}},{"node":{"frontmatter":{"title":"Accordion - Customisation","slug":"/components/accordion/customisation","navTitle":null}}},{"node":{"frontmatter":{"title":"Accordion","slug":"/components/accordion","navTitle":"Accordion"}}},{"node":{"frontmatter":{"title":"Breadcrumb","slug":"/components/breadcrumb/tabs","navTitle":null}}},{"node":{"frontmatter":{"title":"Accordion","slug":"/components/accordion/tabs","navTitle":null}}},{"node":{"frontmatter":{"title":"Support","slug":"/about","navTitle":null}}},{"node":{"frontmatter":{"title":"Resources","slug":"/about/resources","navTitle":null}}},{"node":{"frontmatter":{"title":"Fieldset","slug":"/components/fieldset/tabs","navTitle":null}}},{"node":{"frontmatter":{"title":"Button - Code","slug":"/components/buttons/code","navTitle":null}}},{"node":{"frontmatter":{"title":"CookieConsent - Code","slug":"/components/cookie-consent/code","navTitle":null}}},{"node":{"frontmatter":{"title":"HDS Accessibility","slug":"/about/accessibility/hds-accessibility","navTitle":"HDS Accessibility"}}},{"node":{"frontmatter":{"title":"Accessibility statement","slug":"/about/accessibility/statement","navTitle":"Accessibility statement"}}},{"node":{"frontmatter":{"title":"Icon","slug":"/components/icon","navTitle":"Icon"}}},{"node":{"frontmatter":{"title":"DateInput - Code","slug":"/components/date-input/code","navTitle":null}}},{"node":{"frontmatter":{"title":"Pagination - Code","slug":"/components/pagination/code","navTitle":null}}},{"node":{"frontmatter":{"title":"Building forms","slug":"/patterns/forms/form-building","navTitle":"Building forms"}}},{"node":{"frontmatter":{"title":"Header","slug":"/components/header","navTitle":"Header"}}}]}}}
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/patterns/cookies/basics/index.html b/docs/header-custom-theme-site/patterns/cookies/basics/index.html
index f9f4a6368e..f16cfd6d92 100644
--- a/docs/header-custom-theme-site/patterns/cookies/basics/index.html
+++ b/docs/header-custom-theme-site/patterns/cookies/basics/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Basics"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Basics"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -123,6 +123,6 @@ <h3 id="prepare-your-cookieconsent-cookiemodalcookiepage-component" style="posit
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/patterns/cookies/common-helsinki-cookies/index.html b/docs/header-custom-theme-site/patterns/cookies/common-helsinki-cookies/index.html
index a5833164f9..0f1e754458 100644
--- a/docs/header-custom-theme-site/patterns/cookies/common-helsinki-cookies/index.html
+++ b/docs/header-custom-theme-site/patterns/cookies/common-helsinki-cookies/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Common Helsinki cookies"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Common Helsinki cookies"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -100,6 +100,6 @@ <h3 id="matomo" style="position:relative" class="page-heading-3 heading-m">Matom
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/patterns/cookies/using-the-cookieconsent/index.html b/docs/header-custom-theme-site/patterns/cookies/using-the-cookieconsent/index.html
index dc0c90276a..1926fdb51b 100644
--- a/docs/header-custom-theme-site/patterns/cookies/using-the-cookieconsent/index.html
+++ b/docs/header-custom-theme-site/patterns/cookies/using-the-cookieconsent/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Using the CookieConsent"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Using the CookieConsent"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -73,7 +73,7 @@ <h2 id="how-does-the-cookie-consent-banner-affect-other-content-of-the-service"
 <h2 id="what-happens-after-the-user-has-accepted-or-denied-the-optional-cookies" style="position:relative" class="page-heading-2 heading-l">What happens after the user has accepted or denied the optional cookies?<a href="#what-happens-after-the-user-has-accepted-or-denied-the-optional-cookies" aria-label="what happens after the user has accepted or denied the optional cookies permalink" class="header-anchor after"><span><span class="hds-anchor-icon hds-icon hds-icon--link hds-icon--size-xs" aria-hidden="true" style="vertical-align: middle"></span></span></a></h2>
 <p>The user must be able to view and edit the cookie consent after they have initially submitted their choices. You must offer a separate cookies page that allows changing viewing the cookies and changing consent. The link to this page should be placed on the footer element of the page. Note that the HDS CookieConsent component offers functionality to render it as a page. This allows you to use the same component and data to construct a separate cookie page.</p>
 <p>If new cookies are added or current ones changed, consent should be asked from the user again the next time the service is used.</p>
-<p>The component will ask for consents if a new cookie is added or a <code>cookie.id</code> is changed and there is no stored value for that <code>cookie.id</code>. Note that if there are only required cookies, the modal is not shown.</p></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-18" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-18)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
+<p>The component will ask for consents if a new cookie is added or a <code>cookie.id</code> is changed and there is no stored value for that <code>cookie.id</code>. Note that if there are only required cookies, the modal is not shown.</p></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-19" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-19)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
     window.dev = undefined
     if (window.dev === true || !(navigator.doNotTrack === '1' || window.doNotTrack === '1')) {
       window._paq = window._paq || [];
@@ -101,6 +101,6 @@ <h2 id="what-happens-after-the-user-has-accepted-or-denied-the-optional-cookies"
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/patterns/forms/form-building/index.html b/docs/header-custom-theme-site/patterns/forms/form-building/index.html
index 59bffee2a5..e9bee2e2f2 100644
--- a/docs/header-custom-theme-site/patterns/forms/form-building/index.html
+++ b/docs/header-custom-theme-site/patterns/forms/form-building/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Building forms"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Building forms"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -402,6 +402,6 @@ <h3 id="asking-for-gender" style="position:relative" class="page-heading-3 headi
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/patterns/forms/form-multi-page/index.html b/docs/header-custom-theme-site/patterns/forms/form-multi-page/index.html
index 15d6eb3e6e..421d620cad 100644
--- a/docs/header-custom-theme-site/patterns/forms/form-multi-page/index.html
+++ b/docs/header-custom-theme-site/patterns/forms/form-multi-page/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Multi-page forms"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Multi-page forms"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -157,6 +157,6 @@ <h2 id="end-of-the-form" style="position:relative" class="page-heading-2 heading
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/patterns/forms/form-validation/index.html b/docs/header-custom-theme-site/patterns/forms/form-validation/index.html
index e411488b2b..25a4155ea8 100644
--- a/docs/header-custom-theme-site/patterns/forms/form-validation/index.html
+++ b/docs/header-custom-theme-site/patterns/forms/form-validation/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Form validation"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Form validation"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -182,6 +182,6 @@ <h3 id="validation-in-multi-page-forms" style="position:relative" class="page-he
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/patterns/index.html b/docs/header-custom-theme-site/patterns/index.html
index e3e18234c1..bcb79baf42 100644
--- a/docs/header-custom-theme-site/patterns/index.html
+++ b/docs/header-custom-theme-site/patterns/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Patterns overview"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.a50aec1122c07dc2e3d5.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.11.0"/><meta data-react-helmet="true" name="description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:title" content="Helsinki Design System | Patterns overview"/><meta data-react-helmet="true" property="og:description" content="Documentation for the Helsinki Design System"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="https://hds.hel.fi/images/homepage/amos58.jpg"/><meta data-react-helmet="true" property="og:url" content="https://hds.hel.fi"/><meta name="theme-color" content="#ffffff"/><style data-href="/hds-demo/header-custom-theme-site/styles.90c66a140056f4fb8596.css" data-identity="gatsby-global-css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}[hidden],template{display:none}:root{--breakpoint-xs:320px;--breakpoint-s:576px;--breakpoint-m:768px;--breakpoint-l:992px;--breakpoint-xl:1248px;--container-width-xs:288px;--container-width-s:544px;--container-width-m:720px;--container-width-l:944px;--container-width-xl:1200px;--color-brick:#bd2719;--color-brick-light:#ffeeed;--color-brick-medium-light:#facbc8;--color-brick-dark:#800e04;--color-bus:#0000bf;--color-bus-light:#f0f0ff;--color-bus-medium-light:#ccf;--color-bus-dark:#00005e;--color-coat-of-arms:#0072c6;--color-coat-of-arms-light:#e6f4ff;--color-coat-of-arms-medium-light:#b5daf7;--color-coat-of-arms-dark:#005799;--color-copper:#00d7a7;--color-copper-light:#cffaf1;--color-copper-medium-light:#9ef0de;--color-copper-dark:#00a17d;--color-engel:#ffe977;--color-engel-light:#fff9db;--color-engel-medium-light:#fff3b8;--color-engel-dark:#dbc030;--color-fog:#9fc9eb;--color-fog-light:#e8f3fc;--color-fog-medium-light:#d0e6f7;--color-fog-dark:#72a5cf;--color-gold:#c2a251;--color-gold-light:#f7f2e4;--color-gold-medium-light:#e8d7a7;--color-gold-dark:#9e823c;--color-metro:#fd4f00;--color-metro-light:#ffeee6;--color-metro-medium-light:#ffcab3;--color-metro-dark:#bd2f00;--color-silver:#dedfe1;--color-silver-light:#f7f7f8;--color-silver-medium-light:#efeff0;--color-silver-dark:#b0b8bf;--color-summer:#ffc61e;--color-summer-light:#fff4d4;--color-summer-medium-light:#ffe49c;--color-summer-dark:#cc9200;--color-suomenlinna:#f5a3c7;--color-suomenlinna-light:#fff0f7;--color-suomenlinna-medium-light:#ffdbeb;--color-suomenlinna-dark:#e673a5;--color-tram:#008741;--color-tram-light:#dff7eb;--color-tram-medium-light:#a3e3c2;--color-tram-dark:#006631;--color-focus-outline:#0072c6;--color-black:#000;--color-white:#fff;--color-black-5:#f2f2f2;--color-black-10:#e6e6e6;--color-black-20:#ccc;--color-black-30:#b3b3b3;--color-black-40:#999;--color-black-50:grey;--color-black-60:#666;--color-black-70:#4d4d4d;--color-black-80:#333;--color-black-90:#1a1a1a;--color-error:#b01038;--color-error-light:#f6e2e6;--color-error-dark:#8d0d2d;--color-success:#007a64;--color-success-light:#e2f5f3;--color-success-dark:#006250;--color-alert:#ffda07;--color-alert-light:#fff4b4;--color-alert-dark:#d18200;--color-info:#0062b9;--color-info-light:#e5eff8;--color-info-dark:#004f94;--box-shadow-s:0px 2px 10px 0px rgba(0,0,0,.07);--box-shadow-m:0px 2px 10px 0px rgba(0,0,0,.1);--box-shadow-l:0px 2px 20px 0px rgba(0,0,0,.2);--spacing-layout-2-xs:1rem;--spacing-layout-xs:1.5rem;--spacing-layout-s:2rem;--spacing-layout-m:3rem;--spacing-layout-l:4rem;--spacing-layout-xl:6rem;--spacing-layout-2-xl:8rem;--spacing-4-xs:0.125rem;--spacing-3-xs:0.25rem;--spacing-2-xs:0.5rem;--spacing-xs:0.75rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:2.5rem;--spacing-2-xl:3.0rem;--spacing-3-xl:3.5rem;--spacing-4-xl:4rem;--spacing-5-xl:4.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{clip:"rect(0 0 0 0)";border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-body,.text-medium{font-family:var(--font-default)}.text-medium{font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);letter-spacing:-1.2px}.heading-xl,.heading-xxl{font-weight:400;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);letter-spacing:-1px}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);letter-spacing:-.8px}.heading-l,.heading-xl-mobile{font-weight:400;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);letter-spacing:-.4px}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:32px}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:.2px;line-height:1.4}.heading-xs{font-size:var(--fontsize-heading-xs);line-height:1.33}.heading-xs,.heading-xxs{font-weight:700;letter-spacing:.4px}.heading-xxs{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}.playground-block{--focus-border-width:2px;--playground-component-border-color:var(--color-black-50);margin:var(--spacing-l) 0}.playground-block-tabs{--tablist-border-color:transparent;background:var(--color-black-5)}.playground-block-content{margin:-1px 0 var(--spacing-2-xl)}.playground-block-preview{border:2px solid var(--playground-component-border-color)}@media(max-width:576px){.playground-block-preview{padding:var(--spacing-s)}}@media(max-width:768px){.playground-block-preview{padding:var(--spacing-m)}}@media(min-width:769px){.playground-block-preview{padding:var(--spacing-l)}}.playground-block-preview-light{--playground-component-border-color:var(--color-black-30)}.playground-block-editor{background-color:var(--color-black-5);border:2px solid var(--playground-component-border-color);border-top:0}.playground-block-editor-code-input{background:none!important;font-size:16px!important;min-width:100%!important;overflow:visible!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.playground-block-editor-code-input pre,.playground-block-editor-code-input textarea{border:3px solid transparent!important;line-height:24px!important;padding:0 var(--spacing-s) var(--spacing-s)!important;vertical-align:middle!important}.playground-block-editor-code-input textarea:focus{border-color:var(--color-coat-of-arms)!important;outline:0 none}.playground-block-editor-viewport{position:relative}.playground-block-editor-viewport:after{border:var(--focus-border-width) solid transparent;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%}.playground-block-editor-viewport:focus{outline:0 none}.playground-block-editor-viewport:focus:after{border-color:var(--color-coat-of-arms)}.playground-block-editor-scrollbox{overflow-x:auto}.playground-block-editor-texts{padding:var(--spacing-s)}.playground-block-editor-label{display:block;font:var(--font-default);font-weight:700}.playground-block-editor-helper{display:block;font-size:var(--fontsize-body-s)}.playground-block-buttons>*{margin-top:var(--spacing-s);width:100%}@media screen and (min-width:768px){.playground-block-buttons{display:flex;margin-top:var(--spacing-s)}.playground-block-buttons>*{margin-top:0;width:auto}.playground-block-buttons>*+*{margin-left:var(--spacing-s)}}.playground-block-preview div.header-block-z-index13{margin-bottom:1rem;position:relative;z-index:13}.playground-block-preview div.header-block-z-index12{margin-bottom:1rem;position:relative;z-index:12}.playground-block-preview div.header-block-z-index11{position:relative;z-index:11}.live-error-core{white-space:pre-wrap}.syntax-highlighter{overflow:auto;padding:var(--spacing-s)}.hds-table-container{overflow-x:auto}.hds-table-container:focus{outline:var(--color-focus-outline) 3px solid}.hds-table{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.hds-table th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.hds-table__content--text-align-td-right td{text-align:right}.hds-table__content tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.hds-table__header-row{background-color:var(--header-background-color)}.hds-table__caption{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.hds-table--dark{--header-background-color:var(--color-bus)}.hds-table.hds-table--dark th{color:var(--color-white)}.hds-table--light{--header-background-color:var(--color-silver)}.hds-table.hds-table--light th{color:var(--color-black-90)}.hds-table--with-vertical-lines .hds-table__content td{border-right:1px solid var(--color-black-50)}.hds-table--dense.hds-table th{font-weight:700}.hds-table--dense .hds-table__content tr td,.hds-table--dense.hds-table th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table--dense .hds-table__caption{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.hds-table--zebra .hds-table__content tr td{border-bottom:none}.hds-table--zebra .hds-table__content tr:nth-child(2n) td{background-color:var(--color-black-10)}.hds-table--with-vertical-lines .hds-table__content{border-left:1px solid var(--color-black-50)}.hds-table--with-vertical-lines .hds-table__header-row{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.hds-table__vertical-header-column{background-color:var(--header-background-color)}.hds-table--with-vertical-header.hds-table--with-vertical-lines .hds-table__content,.hds-table--with-vertical-lines.hds-table--with-vertical-header .hds-table__header-row{border-left:none}@media (max-width:767px){.hds-table th{font-weight:700}.hds-table th,.hds-table__content tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.hds-table__caption{font-size:var(--fontsize-heading-xxs);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}.hds-table--text-align-right{text-align:right}:root{--page-border-color:var(--color-black-20)}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:400;src:url(/static/565d73a693abe0776c801607ac28f0bf-df29a4d17d02b8fe5c3097cb03e70b4f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:400;src:url(/static/5bb29e3b7b1d3ef30121229bbe67c3e1-ebf10695325d2deb39074ced56177e7f.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:500;src:url(/static/7c46f288e8133b87e6b12b45dac71865-0eecdb26e72fcd7501c215530b4a8445.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:500;src:url(/static/e62dc97e83a385e4d8cdc939cf1e4213-2641f0493c9aef3190032ec2cf9ae23b.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:700;src:url(/static/533af26cf28d7660f24c2884d3c27eac-8287fd935a77dc149fbf2f76d0481f5c.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:700;src:url(/static/20d494430c87e15e194932b729d48270-ef0d93a98aa30b9c3cef0af1997d0a22.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:normal;font-weight:900;src:url(/static/a50a1bd245ce63abcc0d1da80ff790d2-ee5162ffaea474534ef214c259512269.woff) format("woff")}@font-face{font-family:HelsinkiGrotesk;font-style:italic;font-weight:900;src:url(/static/62a1781d8b396fbb025b0552cf6304d2-be9a994463db18c52f8bbee96c874d1c.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;font-family:var(--font-default);margin:0;text-rendering:optimizelegibility}.page-header-title{align-items:center;display:flex;margin-right:var(--spacing-2-xs)}.page-header-title>div:first-of-type{margin-right:var(--spacing-s)}@media(max-width:576px){.page-header-title{font-size:var(--fontsize-body-s)}.page-header-title>div:first-of-type{margin-right:var(--spacing-2-xs)}}.page-header-title-badge{align-items:center;display:flex}.page-heading-1{margin:0 0 var(--spacing-m) 0}.page-heading-2{margin:var(--spacing-l) 0 var(--spacing-s) 0}.page-heading-3{margin:var(--spacing-l) 0 var(--spacing-xs) 0}.page-heading-4{margin:var(--spacing-l) 0 var(--spacing-2-xs) 0}.page-heading-5,.page-heading-6{margin:var(--spacing-l) 0 var(--spacing-3-xs) 0}.front-page-link-list{box-sizing:border-box;margin:0 0 var(--spacing-layout-xl);padding:0 2px}@media(min-width:1249px){.front-page-link-list{padding:0 var(--spacing-layout-xs)}}.front-page-hero-button{--background-color:var(--color-white)!important;--background-color-hover:var(--color-bus-light)!important;--background-color-focus:var(--color-bus-light)!important;--background-color-hover-focus:var(--color-bus-light)!important;--border-color:var(--color-white)!important;--border-color-hover:var(--color-white)!important;--border-color-focus:var(--color-white)!important;--border-color-hover-focus:var(--color-white)!important;--color:var(--color-bus-dark)!important;--color-hover:var(--color-bus-dark)!important;--color-focus:var(--color-bus-dark)!important;--color-hover-focus:var(--color-bus-dark)!important;--focus-outline-color:var(--color-bus-dark)!important}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{--side-content-min-width:230px;box-sizing:border-box;flex:1 1;margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs);width:100%}@media(min-width:769px){.page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.page-content{max-width:var(--container-width-xl);padding-left:0;padding-right:0}}.side-content{margin-bottom:var(--spacing-layout-xs);min-width:var(--side-content-min-width)}@media(min-width:1249px){.side-content{margin-bottom:auto}}.main-content{box-sizing:border-box;overflow:visible;width:100%}@media screen and (min-width:768px){.page-content{display:flex}.side-content{margin-bottom:auto;padding:var(--spacing-s) 0;width:230px}.main-content{flex:1 1;padding:0 0 var(--spacing-m)}.side-content+.main-content{border-left:1px solid var(--page-border-color);max-width:calc(100% - var(--side-content-min-width));padding:0 var(--spacing-m) var(--spacing-m)}}.page-footer{margin-top:auto}.doc-table{margin:var(--spacing-l) 0}.hds-anchor-icon{visibility:hidden}h1:focus .hds-anchor-icon,h1:hover .hds-anchor-icon,h2:focus .hds-anchor-icon,h2:hover .hds-anchor-icon,h3:focus .hds-anchor-icon,h3:hover .hds-anchor-icon,h4:focus .hds-anchor-icon,h4:hover .hds-anchor-icon,h5:focus .hds-anchor-icon,h5:hover .hds-anchor-icon{visibility:visible}.header-anchor{color:var(--color-black-90);font-size:0;margin-left:var(--spacing-2-xs);padding-left:0!important;vertical-align:middle}.header-anchor:focus{outline:3px solid var(--color-coat-of-arms)}.header-anchor:focus .hds-anchor-icon{visibility:visible}code{word-wrap:break-word;background-color:var(--color-black-5);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-family:courier,monospace;padding:var(--spacing-4-xs) var(--spacing-3-xs)}:root{--fontsize-heading-xxl:4rem;--fontsize-heading-xl:3rem;--fontsize-heading-xl-mobile:2.5rem;--fontsize-heading-l:2rem;--fontsize-heading-m:1.5rem;--fontsize-heading-s:1.25rem;--fontsize-heading-xs:1.125rem;--fontsize-heading-xxs:1rem;--fontsize-body-s:0.875rem;--fontsize-body-m:1rem;--fontsize-body-l:1.125rem;--fontsize-body-xl:1.25rem;--font-default:HelsinkiGrotesk,Arial,sans-serif;--lineheight-s:1;--lineheight-m:1.2;--lineheight-l:1.5;--lineheight-xl:1.75}.box-heading{font-size:var(--fontsize-heading-m);font-weight:500;line-height:var(--line-height-heading-m)}.box-text{margin-top:var(--spacing-s)}.info-page-hero-logo{margin-left:0;width:100px}@media(min-width:577px){.info-page-hero-logo{margin-left:var(--spacing-s)}}@media(min-width:769px){.info-page-hero-logo{margin-left:var(--spacing-m)}}@media(min-width:1249px){.info-page-hero-logo{margin-left:0}}.info-page-hero-title.hero-title{margin-top:var(--spacing-m)}@media(min-width:1249px){.info-page-hero-title.hero-title{margin-top:var(--spacing-l)}}@media(max-width:768px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}@media(max-width:576px){.info-page-hero-title.hero-title{margin-top:var(--spacing-s)}}.info-page-content{color:var(--color-black-90);margin:0 auto;padding:var(--spacing-layout-xs) var(--spacing-layout-2-xs)}@media(min-width:769px){.info-page-content{padding-left:var(--spacing-layout-xs);padding-right:var(--spacing-layout-xs)}}@media(min-width:1249px){.info-page-content{padding-left:0;padding-right:0}}.info-page-content h2{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--spacing-layout-xxs);margin-top:0}@media(max-width:576px){.info-page-content h2{font-size:var(--fontsize-heading-l)}}.info-page-content h3{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.01em;margin:var(--spacing-layout-l) 0 var(--spacing-layout-xs) 0}@media(max-width:576px){.info-page-content h3{font-size:var(--fontsize-heading-m);margin-top:var(--spacing-layout-m)}}.info-page-content h4{margin:var(--spacing-layout-s) 0 0 0}.info-page-content p{font-size:var(--fontsize-body-xl);font-weight:400;letter-spacing:-.01em;line-height:var(--lineheight-l);margin-bottom:0;max-width:768px;padding-top:var(--spacing-layout-xxs)}@media(max-width:576px){.info-page-content p{font-size:var(--fontsize-body-l)}}.info-page-content ul{max-width:567px}.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) var(--spacing-layout-l)}@media(min-width:1249px){.info-page-subcontent{padding:0 var(--spacing-layout-xs) var(--spacing-layout-s) 88px}}@media(max-width:768px){.info-page-subcontent{padding:0}}@media(max-width:576px){.info-page-subcontent{padding:0}}.accessibility-chart-m{display:block;height:auto;max-width:720px}@media only screen and (max-width:768px){.accessibility-chart-m{max-width:564px}}@media only screen and (max-width:576px){.accessibility-chart-m{display:none}}.accessibility-chart-s{display:none}@media only screen and (max-width:575px){.accessibility-chart-s{display:block;height:auto;max-width:288px}}.info-page-data-card{height:480px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card{height:596px}}.info-page-data-card-design{height:552px;margin-top:var(--spacing-s)}@media only screen and (max-width:428px){.info-page-data-card-design{height:596px}}@media only screen and (max-width:320px){.info-page-data-card-design{height:628px}}.datawrapper-iframe{border:none;height:76%;width:100%}@media only screen and (max-width:428px){.datawrapper-iframe{height:72%}}@media only screen and (max-width:320px){.datawrapper-iframe{height:68%}}.info-page-table{padding:var(--spacing-layout-m) 0 0 0}.info-page-image-card-container{margin-top:var(--spacing-layout-m);overflow:hidden}.info-page-image-card [class^=ImageWithCard-module_card_]{background-color:var(--color-black-10);margin-top:var(--spacing-layout-m);max-width:352px;min-height:auto;padding:var(--spacing-layout-l)}@media(max-width:768px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-m)}}@media(max-width:576px){.info-page-image-card [class^=ImageWithCard-module_card_]{margin-top:auto;padding:var(--spacing-layout-s)}}.info-page-box-grid{--gap:var(--spacing-m);display:grid;gap:var(--gap);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--gap);width:100%}@media(max-width:992px){.info-page-box-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.info-page-box-grid{grid-template-columns:1fr}}.info-page-card-grid{--gap:var(--spacing-m);--max-item-width:calc(50% - var(--gap));display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}@media(min-width:769px){.info-page-card-grid{grid-template-columns:49% 49%}}.info-page-card-grid-link-button{display:flex;font-weight:500;outline:2px solid currentcolor;padding:var(--spacing-s) var(--spacing-m);text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.info-page-card-grid-link-button{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover){.info-page-card-grid-link-button:active,.info-page-card-grid-link-button:hover{background-color:var(--link-hover-color,var(--color-white))}}.info-page-card-grid-link-button svg{color:currentcolor!important;margin-top:0!important}.info-page-card-grid-link-button:visited svg *{fill:currentcolor!important}.info-page-card-grid-item{align-content:center;background-position:100%;background-repeat:no-repeat;background-size:44%;display:flex;flex-direction:column;justify-content:center;min-height:200px}@media(min-width:769px){.info-page-card-grid-item{background-position:100% 0}}@media(min-width:993px){.info-page-card-grid-item{background-position:100%;background-size:64%;min-height:350px}}.info-page-card-grid-item [role=heading]{font-size:2rem;font-weight:400;letter-spacing:-.004em;line-height:1.2}@media(max-width:576px){.info-page-card-grid-item [role=heading]{font-size:1.5rem;max-width:60%}}@media(min-width:769px){.info-page-card-grid-item [role=heading]{max-width:50%}}@media(min-width:993px){.info-page-card-grid-item [role=heading]{max-width:44%}}@media(min-width:769px){.info-page-card-grid-item .info-page-card-grid-link-button,.info-page-card-grid-item [role=heading]{margin-right:2rem}}.info-page-card-grid-item.info-page-card-grid-item-coat{background-color:var(--color-coat-of-arms-light)}.info-page-card-grid-item.info-page-card-grid-item-metro{background-color:var(--color-metro)}.info-page-card-grid-item.info-page-card-grid-item-suomenlinna{background-color:var(--color-suomenlinna)}.info-page-card-grid-item.info-page-card-grid-item-copper{background-color:var(--color-copper-light)}.info-page-card-grid-item.info-page-card-grid-item-engel{background-color:var(--color-engel-light)}.info-page-card-grid-item.info-page-card-grid-item-gold{background-color:var(--color-gold-light)}.grid-box{max-height:248px;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m)}.timeline .box-tag{background-color:var(--color-coat-of-arms);color:var(--color-white);margin-bottom:var(--spacing-s)}.timeline .alert{background-color:var(--color-alert);color:var(--color-grey-90)}.timeline .grid-box{background:var(--color-silver-light);max-height:248px}.vision .grid-box{background:var(--color-coat-of-arms);color:var(--color-white);height:276px}.vision .grid-box .box-heading{margin-bottom:var(--spacing-s);margin-top:var(--spacing-m)}.image-container{overflow-x:auto}.image-container-link{display:flex;position:relative;width:-webkit-max-content;width:max-content}@media screen and (min-width:768px){.image-container-link{width:100%}}.image-container-link:focus:after{border:3px solid var(--color-coat-of-arms);box-sizing:border-box;content:"";inset:0;position:absolute}.image-container-image{max-width:768px}@media screen and (min-width:768px){.image-container-image{max-width:100%}}.linkbox-list{column-gap:var(--spacing-layout-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));margin-top:var(--spacing-layout-m);row-gap:var(--spacing-layout-xs);width:100%}.linkbox-list-item{width:100%}.linkbox-list-link{height:100%}.status-label-description{align-items:center;display:flex}.status-label-tooltip{align-self:end;margin-left:var(--spacing-xs)}.status-label-tooltip>section{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.status-label-definitions{list-style:none;margin:0;padding:0}.status-label-definitions li{align-items:center;column-gap:.3rem;display:flex;justify-content:flex-start;width:100%}.status-name{font-weight:700}.status-name:after{content:":";display:inline;font-weight:700}.page-tabs-list{margin:var(--spacing-2-xl) calc(var(--spacing-m)*-1) var(--spacing-l);padding:0 var(--spacing-m);position:relative}.page-tabs-list:before{border-bottom:1px solid var(--page-border-color);bottom:1px;content:"";height:1px;left:0;position:absolute;right:0;width:100%}</style><style data-used-styles="true">
 /* index.css */
 html { line-height: 1.15; }body { margin: 0; }main { display: block; }h1 { font-size: 2em;margin: .67em 0; }hr { box-sizing: content-box;height: 0;overflow: visible; }pre { font-family: monospace,monospace;font-size: 1em; }a { background-color: transparent; }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; }img { border-style: none; }button,input,optgroup,select,textarea { font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0; }button,input { overflow: visible; }button,select { text-transform: none; }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none;padding: 0; }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; }fieldset { padding: .35em .75em .625em; }legend { box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal; }progress { vertical-align: baseline; }textarea { overflow: auto; }[type=checkbox],[type=radio] { box-sizing: border-box;padding: 0; }[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; }[hidden],template { display: none; }:root { --date-background: transparent;--date-color: var(--color-black-90);--outside-date-background: transparent;--outside-date-color: var(--color-black-40);--selected-date-background: var(--color-bus);--selected-date-color: #fff;--table-width: 100%;--horizontal-spacing: var(--spacing-s);--vertical-spacing: var(--spacing-s); }@media only screen and (min-width:576px) {:root { --table-width: 308px; }}:root { --breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccf;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000;--color-white: #fff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #ccc;--color-black-30: #b3b3b3;--color-black-40: #999;--color-black-50: grey;--color-black-60: #666;--color-black-70: #4d4d4d;--color-black-80: #333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0,0,0,0.07);--box-shadow-m: 0px 2px 10px 0px rgba(0,0,0,0.1);--box-shadow-l: 0px 2px 20px 0px rgba(0,0,0,0.2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk,Arial,sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75; }html { -webkit-text-size-adjust: 100%; }@keyframes base-min_fadeIn__1eL7b{0%{opacity:0}to{opacity:1}}@keyframes text-input_fadeIn__2IDZ8{0%{opacity:0}to{opacity:1}}@keyframes Navigation-module_mobileMenuAnimation__2ozZG{0%{opacity:.85;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-input_fadeIn__2iVIH{0%{opacity:0}to{opacity:1}}@layer actionBar{.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{bottom:0;overflow:hidden;position:absolute;right:0;transform:translateY(100%) translateY(1px);transition-duration:0ms;transition-property:max-height,padding-bottom;z-index:20}.HeaderActionBarItemWithDropdown-module_container__2NETb{display:flex}.HeaderActionBarItemWithDropdown-module_container__2NETb .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:0;min-width:300px;padding-bottom:0;transition-delay:.4s}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_visible__IJQWz .HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{max-height:1000vh;padding-bottom:20px;transition-delay:0ms}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_hasContent__1nypi){display:none}.HeaderActionBarItemWithDropdown-module_container__2NETb:not(.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV){display:flex;position:relative}.HeaderActionBarItemWithDropdown-module_container__2NETb.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV>.HeaderActionBarItemWithDropdown-module_dropdownWrapper__Mb2ft{left:0}.HeaderActionBarItemWithDropdown-module_icon__-TAc5{display:block}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7{background:#fff;border:1px solid var(--color-black-10);margin-top:-1px;padding:0 var(--spacing-s);position:relative;right:0;transform:translateY(-100%);transition:transform .25s .15s,visibility 0ms .4s;visibility:hidden}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_fullWidth__3B-JV{left:0}.HeaderActionBarItemWithDropdown-module_dropdown__2M8r7.HeaderActionBarItemWithDropdown-module_visible__IJQWz{transform:translateY(0);transition:transform .25s 0ms,visibility 0ms 0ms;visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes LoadingSpinner-module_spinner-rotation-animation__PEk45{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes LoadingSpinner-module_spinner-color-animation__Yu7Cr{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}
 /* index.css */
@@ -55,7 +55,7 @@
   </script><link rel="manifest" href="/hds-demo/header-custom-theme-site/manifest.webmanifest" crossorigin="anonymous"/><link rel="apple-touch-icon" sizes="any" href="/hds-demo/header-custom-theme-site/favicon/light/favicon-32x32.ico"/><link rel="apple-touch-icon" href="/hds-demo/header-custom-theme-site/favicon/light/apple-touch-icon.png"/><link rel="apple-touch-icon" sizes="192x192" href="/hds-demo/header-custom-theme-site/favicon/light/favicon-192x192.png"/><link rel="apple-touch-icon" sizes="512x512" href="/hds-demo/header-custom-theme-site/favicon/light/favicon-512x512.png"/><link rel="preconnect" href="https://webanalytics.digiaiiris.com/js"/></head><body><div id="___gatsby"><div style="outline:none" tabindex="-1" id="gatsby-focus-wrapper"><div class="page text-body"><header id="page-header" class="Navigation-module_header__2HNOX Navigation-module_theme-light__36nmi pageHeader"><a class="Navigation-module_skipToContent__2p54x" href="#content">Skip to content</a><div class="visible-module_belowM__2GR1J"><div class="Navigation-module_headerBackgroundWrapper__137R3"><div class="Navigation-module_headerContainer__2YPsu"><a class="Navigation-module_title__3zRBe" href="https://hds.hel.fi" aria-label="Helsinki: Helsinki Design System"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Navigation-module_logo__1sEy6" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg><span><div class="page-header-title"><div>Helsinki Design System</div><div class="page-header-title-badge"><img style="filter:invert(1)" alt="HDS version number: 2.15.0" src="https://img.shields.io/github/v/release/City-of-Helsinki/helsinki-design-system?label=&amp;style=for-the-badge&amp;color=1a1a1a"/></div></div></span></a><button aria-label="menu" aria-haspopup="true" aria-expanded="false" type="button" class="Navigation-module_mobileMenuToggle__1v6en"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="menu-hamburger" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M22 17V19H2V17H22ZM22 11V13H2V11H22ZM22 5V7H2V5H22Z" fill="currentColor"></path></svg></button></div></div></div><div class="visible-module_aboveM__31mn_"><div class="Navigation-module_headerBackgroundWrapper__137R3"><div class="Navigation-module_headerContainer__2YPsu"><a class="Navigation-module_title__3zRBe" href="https://hds.hel.fi" aria-label="Helsinki: Helsinki Design System"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Navigation-module_logo__1sEy6" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg><span><div class="page-header-title"><div>Helsinki Design System</div><div class="page-header-title-badge"><img style="filter:invert(1)" alt="HDS version number: 2.15.0" src="https://img.shields.io/github/v/release/City-of-Helsinki/helsinki-design-system?label=&amp;style=for-the-badge&amp;color=1a1a1a"/></div></div></span></a><div class="Navigation-module_headerContent__3zHbK"></div></div></div><nav class="NavigationRow-module_navigation__24tui NavigationRow-module_subNav__3fDXv" aria-label="Site navigation"><a class="NavigationItem-module_rowItem__2QxRz" href="/hds-demo/header-custom-theme-site/getting-started/"><span class="NavigationItem-module_label__1UsXG button_hds-button__label__3r3Mi">Getting started</span></a><a class="NavigationItem-module_rowItem__2QxRz" href="/hds-demo/header-custom-theme-site/foundation/"><span class="NavigationItem-module_label__1UsXG button_hds-button__label__3r3Mi">Foundation</span></a><a class="NavigationItem-module_rowItem__2QxRz" href="/hds-demo/header-custom-theme-site/components/"><span class="NavigationItem-module_label__1UsXG button_hds-button__label__3r3Mi">Components</span></a><a aria-current="page" class="NavigationItem-module_rowItem__2QxRz NavigationItem-module_active__3Ckcw" href="/hds-demo/header-custom-theme-site/patterns/"><span class="NavigationItem-module_label__1UsXG button_hds-button__label__3r3Mi">Patterns</span></a><a class="NavigationItem-module_rowItem__2QxRz" href="/hds-demo/header-custom-theme-site/about/"><span class="NavigationItem-module_label__1UsXG button_hds-button__label__3r3Mi">About</span></a></nav></div></header><div class="page-content"><aside class="side-content"><nav class="SideNavigation-module_sideNavigation__3X-9P" id="side-navigation" aria-label="Patterns"><button type="button" class="Button-module_button__1msFE button_hds-button__2A0je Button-module_secondary__1nABp button_hds-button--secondary__1NOWS Button-module_fullWidth__31eVK button_hds-button--fullwidth__1_hG9 SideNavigation-module_toggleButton__10tXH" aria-controls="side-navigation-menu" aria-expanded="false" aria-haspopup="true"><span class="Button-module_label__a4np1 button_hds-button__label__2EQa-">Navigate to page</span><div class="Button-module_icon__O-h7R button_hds-icon__17j8Z" aria-hidden="true"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-down" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 13.5L17 8.5L18.5 10L12 16.5L5.5 10L7 8.5L12 13.5Z" fill="currentColor"></path></svg></div></button><ul class="SideNavigation-module_mainLevelList__SLZKQ" aria-label="Navigate to page" id="side-navigation-menu"><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_active__3IkdI MainLevel-module_open__2yWFj"><a aria-current="page" aria-label="Overview" id="side-nav-patterns" href="/hds-demo/header-custom-theme-site/patterns"><span class="MainLevel-module_label__uWKJ7">Overview</span></a></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><button type="button" aria-label="Forms" aria-current="false" aria-expanded="true" id="side-nav-patterns-forms"><span class="MainLevel-module_label__uWKJ7">Forms</span><span class="MainLevel-module_rightIcon__2D9o7" aria-hidden="true"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 11.5L17 16.5L18.5 15L12 8.5L5.5 15L7 16.5L12 11.5Z" fill="currentColor"></path></svg></span></button><ul class="MainLevel-module_mainLevelListMenu__FG6Ed" id="side-nav-patterns-forms-menu" aria-hidden="false" aria-labelledby="side-nav-patterns-forms"><li class="SubLevel-module_subLevel__2TvTK"><a aria-current="false" href="/hds-demo/header-custom-theme-site/patterns/forms/form-building">Building forms</a></li><li class="SubLevel-module_subLevel__2TvTK"><a aria-current="false" href="/hds-demo/header-custom-theme-site/patterns/forms/form-validation">Form validation</a></li><li class="SubLevel-module_subLevel__2TvTK"><a aria-current="false" href="/hds-demo/header-custom-theme-site/patterns/forms/form-multi-page">Multi-page forms</a></li></ul></li><li class="MainLevel-module_mainLevel__2QZi_ MainLevel-module_open__2yWFj"><button type="button" aria-label="Cookies" aria-current="false" aria-expanded="true" id="side-nav-patterns-cookies"><span class="MainLevel-module_label__uWKJ7">Cookies</span><span class="MainLevel-module_rightIcon__2D9o7" aria-hidden="true"><svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="angle-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 11.5L17 16.5L18.5 15L12 8.5L5.5 15L7 16.5L12 11.5Z" fill="currentColor"></path></svg></span></button><ul class="MainLevel-module_mainLevelListMenu__FG6Ed" id="side-nav-patterns-cookies-menu" aria-hidden="false" aria-labelledby="side-nav-patterns-cookies"><li class="SubLevel-module_subLevel__2TvTK"><a aria-current="false" href="/hds-demo/header-custom-theme-site/patterns/cookies/basics">Basics</a></li><li class="SubLevel-module_subLevel__2TvTK"><a aria-current="false" href="/hds-demo/header-custom-theme-site/patterns/cookies/common-helsinki-cookies">Common Helsinki cookies</a></li><li class="SubLevel-module_subLevel__2TvTK"><a aria-current="false" href="/hds-demo/header-custom-theme-site/patterns/cookies/using-the-cookieconsent">Using the CookieConsent</a></li></ul></li></ul></nav></aside><main id="content" class="main-content"><h1 id="patterns-overview" style="position:relative" class="page-heading-1 heading-xl-mobile">Patterns overview<a href="#patterns-overview" aria-label="patterns overview permalink" class="header-anchor after"><span><span class="hds-anchor-icon hds-icon hds-icon--link hds-icon--size-xs" aria-hidden="true" style="vertical-align: middle"></span></span></a></h1>
 <p style="font-size:var(--fontsize-body-xl);color:var(--color-black-90);max-width:600px">Patterns are a collection of design principles and solutions. They consist of guidelines and component examples of how to to build pages for specific user flows.</p>
 <p>Patterns describe how <a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F" href="/hds-demo/header-custom-theme-site/components/">HDS components</a> are used together to build solutions that are coherent across the whole city.</p>
-<div class="image-container"><a class="image-container-link" href="/hds-demo/header-custom-theme-site/images/patterns/patterns.svg" title="The HDS Foundation page image with HDS and HKI texts and design system icons" style="width:100%;maxwidth:650px;margin:var(--spacing-layout-2-xs) 0"><img class="image-container-image" alt="The HDS Foundation page image with HDS and HKI texts and design system icons" src="/hds-demo/header-custom-theme-site/images/patterns/patterns.svg" style="width:100%;maxwidth:650px;margin:var(--spacing-layout-2-xs) 0"/></a></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-111" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-111)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a aria-current="page" class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
+<div class="image-container"><a class="image-container-link" href="/hds-demo/header-custom-theme-site/images/patterns/patterns.svg" title="The HDS Foundation page image with HDS and HKI texts and design system icons" style="width:100%;maxwidth:650px;margin:var(--spacing-layout-2-xs) 0"><img class="image-container-image" alt="The HDS Foundation page image with HDS and HKI texts and design system icons" src="/hds-demo/header-custom-theme-site/images/patterns/patterns.svg" style="width:100%;maxwidth:650px;margin:var(--spacing-layout-2-xs) 0"/></a></div></main></div><footer class="Footer-module_footer__1aD3T page-footer"><div class="Koros-module_koros__1r3rg Footer-module_koros__Orx_W Footer-module_basic__2VejY"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="100%" height="85"><defs><pattern id="koros_basic-108" x="0" y="0" width="106" height="85" patternUnits="userSpaceOnUse"><path transform="scale(5.3)" d="M0,800h20V0c-4.9,0-5,2.6-9.9,2.6S5,0,0,0V800z"></path></pattern></defs><rect fill="url(#koros_basic-108)" width="100%" height="85"></rect></svg></div><div class="Footer-module_footerContent__3MC14"><div class="Footer-module_footerSections__2nrr8"><h2 class="Footer-module_title__269y7">Helsinki Design System</h2><div class="FooterNavigation-module_navigation__1gS9g"><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/getting-started/"><span>Getting started</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/foundation/"><span>Foundation</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/components/"><span>Components</span></a><a aria-current="page" class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/patterns/"><span>Patterns</span></a><a class="FooterLink-module_item__3Ig3B FooterLink-module_navigation__1pNfs" href="/hds-demo/header-custom-theme-site/about/"><span>About</span></a></div><div class="FooterBase-module_base__2f0eu"><hr class="FooterBase-module_divider__3sz3q" aria-hidden="true"/><div class="FooterBase-module_logoWrapper__3BI7d"><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B" tabindex="0"><svg viewBox="0 0 78 36" title="Helsingin kaupunki" role="img" xmlns="http://www.w3.org/2000/svg" class="Logo-module_logo__Y2mwP Logo-module_medium__1zyWm" aria-hidden="true"><path d="M75.753 2.251v20.7c0 3.95-3.275 7.178-7.31 7.178h-22.26c-2.674 0-5.205.96-7.183 2.739a10.749 10.749 0 00-7.183-2.74H9.509c-4.003 0-7.247-3.21-7.247-7.177V2.25h73.491zM40.187 34.835a8.47 8.47 0 016.012-2.471h22.245c5.268 0 9.556-4.219 9.556-9.413V0H0v22.935c0 5.194 4.256 9.413 9.509 9.413h22.308c2.263 0 4.398.882 6.012 2.471L39.016 36l1.17-1.165z" fill="currentColor"></path><path d="M67.522 11.676c0 .681-.556 1.177-1.255 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.7-.03 1.255.465 1.255 1.178zm-2.352 9.622h2.178v-7.546H65.17v7.546zm-3.909-4.556l2.845 4.556h-2.368l-1.907-3.022-1.033 1.271v1.75h-2.161V10.453h2.16v5.004c0 .93-.11 1.86-.11 1.86h.047s.509-.821.938-1.41l1.653-2.154h2.542l-2.606 2.99zm-6.817-.278c0-1.875-.938-2.898-2.432-2.898-1.271 0-1.939.728-2.32 1.426h-.048l.112-1.24h-2.162v7.546h2.162V16.82c0-.868.524-1.472 1.335-1.472.81 0 1.16.527 1.16 1.534v4.416h2.177l.016-4.834zm-8.931-4.788c0 .681-.557 1.177-1.256 1.177-.7 0-1.255-.496-1.255-1.177 0-.682.556-1.178 1.255-1.178.715-.03 1.256.465 1.256 1.178zm-2.352 9.622h2.177v-7.546H43.16v7.546zm-3.75-2.107c0-.605-.859-.729-1.86-1.008-1.16-.294-2.622-.867-2.622-2.308 0-1.426 1.398-2.324 3.051-2.324 1.541 0 2.956.712 3.544 1.72l-1.86 1.022c-.19-.666-.762-1.193-1.62-1.193-.557 0-1.018.232-1.018.682 0 .573 1.018.635 2.162.991 1.208.372 2.32.915 2.32 2.294 0 1.518-1.446 2.417-3.115 2.417-1.811 0-3.242-.744-3.877-1.952l1.89-1.039c.24.822.922 1.441 1.955 1.441.62 0 1.05-.248 1.05-.743zm-6.882-8.677h-2.177v8.692c0 .775.175 1.348.509 1.705.35.356.89.526 1.636.526.255 0 .525-.03.78-.077.27-.062.476-.14.65-.233l.191-1.425a2.07 2.07 0 01-.46.124c-.128.03-.287.03-.461.03-.286 0-.414-.077-.509-.216-.111-.14-.159-.387-.159-.744v-8.382zm-7.246 4.57c-.795 0-1.446.558-1.621 1.581h3.05c.017-.899-.587-1.58-1.43-1.58zm3.353 3.007H23.63c.095 1.224.794 1.828 1.7 1.828.81 0 1.367-.527 1.494-1.24l1.828 1.007c-.54.961-1.7 1.798-3.322 1.798-2.16 0-3.75-1.472-3.75-3.951 0-2.464 1.62-3.951 3.703-3.951 2.081 0 3.464 1.44 3.464 3.486-.016.604-.111 1.023-.111 1.023zm-11.077 3.207h2.257V10.916h-2.257v4.107h-4.243v-4.091H11.06v10.366h2.256v-4.292h4.243v4.292z" fill="currentColor"></path></svg></a></div><div class="FooterBase-module_copyright__2iiev"><span>© <!-- -->Copyright<!-- --> <!-- -->2023</span></div><div class="FooterBase-module_baseActions__1hCiR"><div class="FooterBase-module_links__3lfLo"><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/getting-started/contributing/how-to-contribute"><span>Contribution</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="/hds-demo/header-custom-theme-site/about/accessibility/statement"><span>Accessibility</span></a><span class="FooterBase-module_separator__cwQTe">|</span><a class="Link-module_link__TeBQo link_hds-link__5Oxo- Link-module_linkM__30gsY link_hds-link--medium__xEU_F FooterLink-module_item__3Ig3B FooterLink-module_base__bzKoj" href="https://github.com/City-of-Helsinki/helsinki-design-system"><span>GitHub</span></a></div><button type="button" role="link" class="FooterBase-module_backToTopButton__hXTHm">Back to top<svg class="Icon-module_icon__1Jtzj icon_hds-icon__1YqNC Icon-module_s__2WGWe icon_hds-icon--size-s__2Lkik" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="arrow-up" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5L18.5 10L17 11.5L13 7.5V20H11V7.5L7 11.5L5.5 10L12 3.5Z" fill="currentColor"></path></svg></button></div></div></div></div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
     window.dev = undefined
     if (window.dev === true || !(navigator.doNotTrack === '1' || window.doNotTrack === '1')) {
       window._paq = window._paq || [];
@@ -83,6 +83,6 @@
           <script
             id="gatsby-chunk-mapping"
           >
-            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
+            window.___chunkMapping="{\"app\":[\"/app-1ced69e513f1a69c5827.js\"],\"component---src-docs-404-mdx\":[\"/component---src-docs-404-mdx-63b1db6da09517d6ee25.js\"],\"component---src-docs-about-accessibility-hds-accessibility-mdx\":[\"/component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js\"],\"component---src-docs-about-accessibility-statement-mdx\":[\"/component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js\"],\"component---src-docs-about-index-mdx\":[\"/component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js\"],\"component---src-docs-about-resources-mdx\":[\"/component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js\"],\"component---src-docs-about-this-is-hds-index-jsx\":[\"/component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js\"],\"component---src-docs-components-accordion-accessibility-mdx\":[\"/component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js\"],\"component---src-docs-components-accordion-code-mdx\":[\"/component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js\"],\"component---src-docs-components-accordion-customisation-mdx\":[\"/component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js\"],\"component---src-docs-components-accordion-index-mdx\":[\"/component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js\"],\"component---src-docs-components-accordion-tabs-mdx\":[\"/component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js\"],\"component---src-docs-components-breadcrumb-accessibility-mdx\":[\"/component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js\"],\"component---src-docs-components-breadcrumb-code-mdx\":[\"/component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js\"],\"component---src-docs-components-breadcrumb-customisation-mdx\":[\"/component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js\"],\"component---src-docs-components-breadcrumb-index-mdx\":[\"/component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js\"],\"component---src-docs-components-breadcrumb-tabs-mdx\":[\"/component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js\"],\"component---src-docs-components-buttons-accessibility-mdx\":[\"/component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js\"],\"component---src-docs-components-buttons-code-mdx\":[\"/component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js\"],\"component---src-docs-components-buttons-customisation-mdx\":[\"/component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js\"],\"component---src-docs-components-buttons-index-mdx\":[\"/component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js\"],\"component---src-docs-components-buttons-tabs-mdx\":[\"/component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js\"],\"component---src-docs-components-card-accessibility-mdx\":[\"/component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js\"],\"component---src-docs-components-card-code-mdx\":[\"/component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js\"],\"component---src-docs-components-card-customisation-mdx\":[\"/component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js\"],\"component---src-docs-components-card-index-mdx\":[\"/component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js\"],\"component---src-docs-components-card-tabs-mdx\":[\"/component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js\"],\"component---src-docs-components-checkbox-accessibility-mdx\":[\"/component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js\"],\"component---src-docs-components-checkbox-code-mdx\":[\"/component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js\"],\"component---src-docs-components-checkbox-customisation-mdx\":[\"/component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js\"],\"component---src-docs-components-checkbox-index-mdx\":[\"/component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js\"],\"component---src-docs-components-checkbox-tabs-mdx\":[\"/component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js\"],\"component---src-docs-components-cookie-consent-accessibility-mdx\":[\"/component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js\"],\"component---src-docs-components-cookie-consent-api-mdx\":[\"/component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js\"],\"component---src-docs-components-cookie-consent-code-mdx\":[\"/component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js\"],\"component---src-docs-components-cookie-consent-index-mdx\":[\"/component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js\"],\"component---src-docs-components-cookie-consent-tabs-mdx\":[\"/component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js\"],\"component---src-docs-components-date-input-accessibility-mdx\":[\"/component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js\"],\"component---src-docs-components-date-input-code-mdx\":[\"/component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js\"],\"component---src-docs-components-date-input-index-mdx\":[\"/component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js\"],\"component---src-docs-components-date-input-tabs-mdx\":[\"/component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js\"],\"component---src-docs-components-dialog-accessibility-mdx\":[\"/component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js\"],\"component---src-docs-components-dialog-code-mdx\":[\"/component---src-docs-components-dialog-code-mdx-884262630b735438b529.js\"],\"component---src-docs-components-dialog-customisation-mdx\":[\"/component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js\"],\"component---src-docs-components-dialog-index-mdx\":[\"/component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js\"],\"component---src-docs-components-dialog-tabs-mdx\":[\"/component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js\"],\"component---src-docs-components-dropdown-accessibility-mdx\":[\"/component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js\"],\"component---src-docs-components-dropdown-code-mdx\":[\"/component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js\"],\"component---src-docs-components-dropdown-customisation-mdx\":[\"/component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js\"],\"component---src-docs-components-dropdown-index-mdx\":[\"/component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js\"],\"component---src-docs-components-dropdown-tabs-mdx\":[\"/component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js\"],\"component---src-docs-components-fieldset-accessibility-mdx\":[\"/component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js\"],\"component---src-docs-components-fieldset-code-mdx\":[\"/component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js\"],\"component---src-docs-components-fieldset-index-mdx\":[\"/component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js\"],\"component---src-docs-components-fieldset-tabs-mdx\":[\"/component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js\"],\"component---src-docs-components-file-input-accessibility-mdx\":[\"/component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js\"],\"component---src-docs-components-file-input-code-mdx\":[\"/component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js\"],\"component---src-docs-components-file-input-index-mdx\":[\"/component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js\"],\"component---src-docs-components-file-input-security-mdx\":[\"/component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js\"],\"component---src-docs-components-file-input-tabs-mdx\":[\"/component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js\"],\"component---src-docs-components-footer-accessibility-mdx\":[\"/component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js\"],\"component---src-docs-components-footer-code-mdx\":[\"/component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js\"],\"component---src-docs-components-footer-customisation-mdx\":[\"/component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js\"],\"component---src-docs-components-footer-index-mdx\":[\"/component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js\"],\"component---src-docs-components-footer-tabs-mdx\":[\"/component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js\"],\"component---src-docs-components-header-accessibility-mdx\":[\"/component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js\"],\"component---src-docs-components-header-code-mdx\":[\"/component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js\"],\"component---src-docs-components-header-index-mdx\":[\"/component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js\"],\"component---src-docs-components-header-tabs-mdx\":[\"/component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js\"],\"component---src-docs-components-hero-accessibility-mdx\":[\"/component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js\"],\"component---src-docs-components-hero-code-mdx\":[\"/component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js\"],\"component---src-docs-components-hero-customisation-mdx\":[\"/component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js\"],\"component---src-docs-components-hero-index-mdx\":[\"/component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js\"],\"component---src-docs-components-hero-tabs-mdx\":[\"/component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js\"],\"component---src-docs-components-highlight-accessibility-mdx\":[\"/component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js\"],\"component---src-docs-components-highlight-code-mdx\":[\"/component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js\"],\"component---src-docs-components-highlight-customisation-mdx\":[\"/component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js\"],\"component---src-docs-components-highlight-index-mdx\":[\"/component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js\"],\"component---src-docs-components-highlight-tabs-mdx\":[\"/component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js\"],\"component---src-docs-components-icon-accessibility-mdx\":[\"/component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js\"],\"component---src-docs-components-icon-code-mdx\":[\"/component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js\"],\"component---src-docs-components-icon-customisation-mdx\":[\"/component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js\"],\"component---src-docs-components-icon-index-mdx\":[\"/component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js\"],\"component---src-docs-components-icon-tabs-mdx\":[\"/component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js\"],\"component---src-docs-components-index-mdx\":[\"/component---src-docs-components-index-mdx-be940051984a8a428b1c.js\"],\"component---src-docs-components-koros-accessibility-mdx\":[\"/component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js\"],\"component---src-docs-components-koros-code-mdx\":[\"/component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js\"],\"component---src-docs-components-koros-customisation-mdx\":[\"/component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js\"],\"component---src-docs-components-koros-index-mdx\":[\"/component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js\"],\"component---src-docs-components-koros-tabs-mdx\":[\"/component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js\"],\"component---src-docs-components-link-accessibility-mdx\":[\"/component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js\"],\"component---src-docs-components-link-code-mdx\":[\"/component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js\"],\"component---src-docs-components-link-index-mdx\":[\"/component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js\"],\"component---src-docs-components-link-tabs-mdx\":[\"/component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js\"],\"component---src-docs-components-linkbox-accessibility-mdx\":[\"/component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js\"],\"component---src-docs-components-linkbox-code-mdx\":[\"/component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js\"],\"component---src-docs-components-linkbox-index-mdx\":[\"/component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js\"],\"component---src-docs-components-linkbox-tabs-mdx\":[\"/component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js\"],\"component---src-docs-components-loading-spinner-accessibility-mdx\":[\"/component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js\"],\"component---src-docs-components-loading-spinner-code-mdx\":[\"/component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js\"],\"component---src-docs-components-loading-spinner-customisation-mdx\":[\"/component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js\"],\"component---src-docs-components-loading-spinner-index-mdx\":[\"/component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js\"],\"component---src-docs-components-loading-spinner-tabs-mdx\":[\"/component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js\"],\"component---src-docs-components-logo-accessibility-mdx\":[\"/component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js\"],\"component---src-docs-components-logo-code-mdx\":[\"/component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js\"],\"component---src-docs-components-logo-customisation-mdx\":[\"/component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js\"],\"component---src-docs-components-logo-index-mdx\":[\"/component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js\"],\"component---src-docs-components-logo-tabs-mdx\":[\"/component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js\"],\"component---src-docs-components-navigation-accessibility-mdx\":[\"/component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js\"],\"component---src-docs-components-navigation-code-mdx\":[\"/component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js\"],\"component---src-docs-components-navigation-customisation-mdx\":[\"/component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js\"],\"component---src-docs-components-navigation-index-mdx\":[\"/component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js\"],\"component---src-docs-components-navigation-tabs-mdx\":[\"/component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js\"],\"component---src-docs-components-notification-accessibility-mdx\":[\"/component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js\"],\"component---src-docs-components-notification-code-mdx\":[\"/component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js\"],\"component---src-docs-components-notification-index-mdx\":[\"/component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js\"],\"component---src-docs-components-notification-tabs-mdx\":[\"/component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js\"],\"component---src-docs-components-number-input-accessibility-mdx\":[\"/component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js\"],\"component---src-docs-components-number-input-code-mdx\":[\"/component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js\"],\"component---src-docs-components-number-input-index-mdx\":[\"/component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js\"],\"component---src-docs-components-number-input-tabs-mdx\":[\"/component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js\"],\"component---src-docs-components-pagination-accessibility-mdx\":[\"/component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js\"],\"component---src-docs-components-pagination-code-mdx\":[\"/component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js\"],\"component---src-docs-components-pagination-customisation-mdx\":[\"/component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js\"],\"component---src-docs-components-pagination-index-mdx\":[\"/component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js\"],\"component---src-docs-components-pagination-tabs-mdx\":[\"/component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js\"],\"component---src-docs-components-password-input-accessibility-mdx\":[\"/component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js\"],\"component---src-docs-components-password-input-code-mdx\":[\"/component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js\"],\"component---src-docs-components-password-input-index-mdx\":[\"/component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js\"],\"component---src-docs-components-password-input-security-mdx\":[\"/component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js\"],\"component---src-docs-components-password-input-tabs-mdx\":[\"/component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js\"],\"component---src-docs-components-phone-input-accessibility-mdx\":[\"/component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js\"],\"component---src-docs-components-phone-input-code-mdx\":[\"/component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js\"],\"component---src-docs-components-phone-input-index-mdx\":[\"/component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js\"],\"component---src-docs-components-phone-input-tabs-mdx\":[\"/component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js\"],\"component---src-docs-components-radio-button-accessibility-mdx\":[\"/component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js\"],\"component---src-docs-components-radio-button-code-mdx\":[\"/component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js\"],\"component---src-docs-components-radio-button-customisation-mdx\":[\"/component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js\"],\"component---src-docs-components-radio-button-index-mdx\":[\"/component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js\"],\"component---src-docs-components-radio-button-tabs-mdx\":[\"/component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js\"],\"component---src-docs-components-search-input-accessibility-mdx\":[\"/component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js\"],\"component---src-docs-components-search-input-code-mdx\":[\"/component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js\"],\"component---src-docs-components-search-input-index-mdx\":[\"/component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js\"],\"component---src-docs-components-search-input-tabs-mdx\":[\"/component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js\"],\"component---src-docs-components-selection-group-accessibility-mdx\":[\"/component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js\"],\"component---src-docs-components-selection-group-code-mdx\":[\"/component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js\"],\"component---src-docs-components-selection-group-index-mdx\":[\"/component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js\"],\"component---src-docs-components-selection-group-tabs-mdx\":[\"/component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js\"],\"component---src-docs-components-side-navigation-accessibility-mdx\":[\"/component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js\"],\"component---src-docs-components-side-navigation-code-mdx\":[\"/component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js\"],\"component---src-docs-components-side-navigation-customisation-mdx\":[\"/component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js\"],\"component---src-docs-components-side-navigation-index-mdx\":[\"/component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js\"],\"component---src-docs-components-side-navigation-tabs-mdx\":[\"/component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js\"],\"component---src-docs-components-status-label-accessibility-mdx\":[\"/component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js\"],\"component---src-docs-components-status-label-code-mdx\":[\"/component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js\"],\"component---src-docs-components-status-label-index-mdx\":[\"/component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js\"],\"component---src-docs-components-status-label-tabs-mdx\":[\"/component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js\"],\"component---src-docs-components-step-by-step-accessibility-mdx\":[\"/component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js\"],\"component---src-docs-components-step-by-step-code-mdx\":[\"/component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js\"],\"component---src-docs-components-step-by-step-index-mdx\":[\"/component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js\"],\"component---src-docs-components-step-by-step-tabs-mdx\":[\"/component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js\"],\"component---src-docs-components-stepper-accessibility-mdx\":[\"/component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js\"],\"component---src-docs-components-stepper-code-mdx\":[\"/component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js\"],\"component---src-docs-components-stepper-customisation-mdx\":[\"/component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js\"],\"component---src-docs-components-stepper-index-mdx\":[\"/component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js\"],\"component---src-docs-components-stepper-tabs-mdx\":[\"/component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js\"],\"component---src-docs-components-table-accessibility-mdx\":[\"/component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js\"],\"component---src-docs-components-table-code-mdx\":[\"/component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js\"],\"component---src-docs-components-table-customisation-mdx\":[\"/component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js\"],\"component---src-docs-components-table-index-mdx\":[\"/component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js\"],\"component---src-docs-components-table-tabs-mdx\":[\"/component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js\"],\"component---src-docs-components-tabs-accessibility-mdx\":[\"/component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js\"],\"component---src-docs-components-tabs-code-mdx\":[\"/component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js\"],\"component---src-docs-components-tabs-customisation-mdx\":[\"/component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js\"],\"component---src-docs-components-tabs-index-mdx\":[\"/component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js\"],\"component---src-docs-components-tabs-tabs-mdx\":[\"/component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js\"],\"component---src-docs-components-tag-accessibility-mdx\":[\"/component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js\"],\"component---src-docs-components-tag-code-mdx\":[\"/component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js\"],\"component---src-docs-components-tag-customisation-mdx\":[\"/component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js\"],\"component---src-docs-components-tag-index-mdx\":[\"/component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js\"],\"component---src-docs-components-tag-tabs-mdx\":[\"/component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js\"],\"component---src-docs-components-text-area-accessibility-mdx\":[\"/component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js\"],\"component---src-docs-components-text-area-code-mdx\":[\"/component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js\"],\"component---src-docs-components-text-area-index-mdx\":[\"/component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js\"],\"component---src-docs-components-text-area-tabs-mdx\":[\"/component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js\"],\"component---src-docs-components-text-input-accessibility-mdx\":[\"/component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js\"],\"component---src-docs-components-text-input-code-mdx\":[\"/component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js\"],\"component---src-docs-components-text-input-index-mdx\":[\"/component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js\"],\"component---src-docs-components-text-input-tabs-mdx\":[\"/component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js\"],\"component---src-docs-components-time-input-accessibility-mdx\":[\"/component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js\"],\"component---src-docs-components-time-input-code-mdx\":[\"/component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js\"],\"component---src-docs-components-time-input-index-mdx\":[\"/component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js\"],\"component---src-docs-components-time-input-tabs-mdx\":[\"/component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js\"],\"component---src-docs-components-toggle-button-accessibility-mdx\":[\"/component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js\"],\"component---src-docs-components-toggle-button-code-mdx\":[\"/component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js\"],\"component---src-docs-components-toggle-button-customisation-mdx\":[\"/component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js\"],\"component---src-docs-components-toggle-button-index-mdx\":[\"/component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js\"],\"component---src-docs-components-toggle-button-tabs-mdx\":[\"/component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js\"],\"component---src-docs-components-tooltip-accessibility-mdx\":[\"/component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js\"],\"component---src-docs-components-tooltip-code-mdx\":[\"/component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js\"],\"component---src-docs-components-tooltip-index-mdx\":[\"/component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js\"],\"component---src-docs-components-tooltip-tabs-mdx\":[\"/component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-index-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js\"],\"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js\"],\"component---src-docs-foundation-design-tokens-colour-accessibility-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js\"],\"component---src-docs-foundation-design-tokens-colour-index-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js\"],\"component---src-docs-foundation-design-tokens-colour-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js\"],\"component---src-docs-foundation-design-tokens-colour-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js\"],\"component---src-docs-foundation-design-tokens-spacing-index-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js\"],\"component---src-docs-foundation-design-tokens-spacing-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js\"],\"component---src-docs-foundation-design-tokens-spacing-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js\"],\"component---src-docs-foundation-design-tokens-typography-index-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js\"],\"component---src-docs-foundation-design-tokens-typography-tabs-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js\"],\"component---src-docs-foundation-design-tokens-typography-tokens-mdx\":[\"/component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js\"],\"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx\":[\"/component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js\"],\"component---src-docs-foundation-guidelines-data-formats-mdx\":[\"/component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js\"],\"component---src-docs-foundation-guidelines-grid-mdx\":[\"/component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js\"],\"component---src-docs-foundation-guidelines-inclusivity-mdx\":[\"/component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js\"],\"component---src-docs-foundation-guidelines-localisation-mdx\":[\"/component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js\"],\"component---src-docs-foundation-guidelines-photography-mdx\":[\"/component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js\"],\"component---src-docs-foundation-guidelines-server-side-rendering-mdx\":[\"/component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js\"],\"component---src-docs-foundation-index-mdx\":[\"/component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js\"],\"component---src-docs-foundation-visual-assets-favicon-mdx\":[\"/component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js\"],\"component---src-docs-foundation-visual-assets-icons-index-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js\"],\"component---src-docs-foundation-visual-assets-icons-list-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js\"],\"component---src-docs-foundation-visual-assets-icons-tabs-mdx\":[\"/component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js\"],\"component---src-docs-foundation-visual-assets-logo-mdx\":[\"/component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js\"],\"component---src-docs-foundation-visual-assets-placeholders-mdx\":[\"/component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js\"],\"component---src-docs-foundation-visual-assets-wave-motifs-mdx\":[\"/component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js\"],\"component---src-docs-getting-started-contributing-design-mdx\":[\"/component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js\"],\"component---src-docs-getting-started-contributing-documentation-mdx\":[\"/component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js\"],\"component---src-docs-getting-started-contributing-how-to-contribute-mdx\":[\"/component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js\"],\"component---src-docs-getting-started-contributing-icons-mdx\":[\"/component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js\"],\"component---src-docs-getting-started-contributing-implementation-mdx\":[\"/component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js\"],\"component---src-docs-getting-started-designer-mdx\":[\"/component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js\"],\"component---src-docs-getting-started-developer-mdx\":[\"/component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js\"],\"component---src-docs-getting-started-faq-accessibility-mdx\":[\"/component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js\"],\"component---src-docs-getting-started-faq-code-mdx\":[\"/component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js\"],\"component---src-docs-getting-started-faq-design-mdx\":[\"/component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js\"],\"component---src-docs-getting-started-faq-index-mdx\":[\"/component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js\"],\"component---src-docs-getting-started-faq-tabs-mdx\":[\"/component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js\"],\"component---src-docs-getting-started-index-mdx\":[\"/component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js\"],\"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx\":[\"/component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js\"],\"component---src-docs-getting-started-versioning-mdx\":[\"/component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js\"],\"component---src-docs-index-mdx\":[\"/component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js\"],\"component---src-docs-patterns-cookies-basics-mdx\":[\"/component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js\"],\"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx\":[\"/component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js\"],\"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx\":[\"/component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js\"],\"component---src-docs-patterns-forms-form-building-mdx\":[\"/component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js\"],\"component---src-docs-patterns-forms-form-multi-page-mdx\":[\"/component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js\"],\"component---src-docs-patterns-forms-form-validation-mdx\":[\"/component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js\"],\"component---src-docs-patterns-index-mdx\":[\"/component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js\"]}";
           </script>
-        <script>window.___webpackCompilationHash="ab13f5662b57f89a20dd";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-53e01c8222f45a51b79e.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
+        <script>window.___webpackCompilationHash="5128bad65ad65bb83dc5";</script><script src="/hds-demo/header-custom-theme-site/webpack-runtime-dbb82ea5c34fcc1c205b.js" async></script><script src="/hds-demo/header-custom-theme-site/framework-20ddb07d8236efd3655a.js" async></script><script src="/hds-demo/header-custom-theme-site/76893e13-a7ee7b536f778b70f0eb.js" async></script><script src="/hds-demo/header-custom-theme-site/a3186c56-e5981ae53d241981b383.js" async></script><script src="/hds-demo/header-custom-theme-site/a5a4fd71-374a531367b38d02596b.js" async></script><script src="/hds-demo/header-custom-theme-site/bac1b955-7e2fdc084ff4cd0a34ff.js" async></script><script src="/hds-demo/header-custom-theme-site/280c14b7-368c63f72c9731872985.js" async></script><script src="/hds-demo/header-custom-theme-site/app-1ced69e513f1a69c5827.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>
\ No newline at end of file
diff --git a/docs/header-custom-theme-site/webpack.stats.json b/docs/header-custom-theme-site/webpack.stats.json
index bed69ade3a..2f3ff1e397 100644
--- a/docs/header-custom-theme-site/webpack.stats.json
+++ b/docs/header-custom-theme-site/webpack.stats.json
@@ -1 +1 @@
-{"name":"build-javascript","namedChunkGroups":{"app":{"name":"app","assets":[{"name":"webpack-runtime-53e01c8222f45a51b79e.js","size":27286},{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"framework-20ddb07d8236efd3655a.js","size":140716},{"name":"76893e13-a7ee7b536f778b70f0eb.js","size":98551},{"name":"a3186c56-e5981ae53d241981b383.js","size":156670},{"name":"a5a4fd71-374a531367b38d02596b.js","size":179952},{"name":"bac1b955-7e2fdc084ff4cd0a34ff.js","size":169750},{"name":"280c14b7-368c63f72c9731872985.js","size":110907},{"name":"app-1ced69e513f1a69c5827.js","size":1567584}],"filteredAssets":0,"assetsSize":2476935,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-404-mdx":{"name":"component---src-docs-404-mdx","assets":[{"name":"component---src-docs-404-mdx-63b1db6da09517d6ee25.js","size":911}],"filteredAssets":0,"assetsSize":911,"filteredAuxiliaryAssets":0,"auxiliaryAssetsSize":0},"component---src-docs-about-accessibility-hds-accessibility-mdx":{"name":"component---src-docs-about-accessibility-hds-accessibility-mdx","assets":[{"name":"component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js","size":10953}],"filteredAssets":0,"assetsSize":10953,"filteredAuxiliaryAssets":0,"auxiliaryAssetsSize":0},"component---src-docs-about-accessibility-statement-mdx":{"name":"component---src-docs-about-accessibility-statement-mdx","assets":[{"name":"component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js","size":9272}],"filteredAssets":0,"assetsSize":9272,"filteredAuxiliaryAssets":0,"auxiliaryAssetsSize":0},"component---src-docs-about-index-mdx":{"name":"component---src-docs-about-index-mdx","assets":[{"name":"component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js","size":5928}],"filteredAssets":0,"assetsSize":5928,"filteredAuxiliaryAssets":0,"auxiliaryAssetsSize":0},"component---src-docs-about-resources-mdx":{"name":"component---src-docs-about-resources-mdx","assets":[{"name":"component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js","size":5549}],"filteredAssets":0,"assetsSize":5549,"filteredAuxiliaryAssets":0,"auxiliaryAssetsSize":0},"component---src-docs-about-this-is-hds-index-jsx":{"name":"component---src-docs-about-this-is-hds-index-jsx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"b192c7df83cc63c115c47db8cdb288825a93073a-6da300da11d22250dc32.js","size":31482},{"name":"component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js","size":34441}],"filteredAssets":0,"assetsSize":117682,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-accordion-accessibility-mdx":{"name":"component---src-docs-components-accordion-accessibility-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js","size":8517}],"filteredAssets":0,"assetsSize":60276,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-accordion-code-mdx":{"name":"component---src-docs-components-accordion-code-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"e707eaefab13b3b4d5014070189aee2807fbcfff-e651e6c3830d9fe9d08b.js","size":64950},{"name":"4d739130fd770bad238e467e54f6980d0e7e343b-51079adcf4c0dba30f04.js","size":31086},{"name":"component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js","size":50099}],"filteredAssets":0,"assetsSize":197894,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-accordion-customisation-mdx":{"name":"component---src-docs-components-accordion-customisation-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js","size":30122}],"filteredAssets":0,"assetsSize":81881,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-accordion-index-mdx":{"name":"component---src-docs-components-accordion-index-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"e707eaefab13b3b4d5014070189aee2807fbcfff-e651e6c3830d9fe9d08b.js","size":64950},{"name":"4d739130fd770bad238e467e54f6980d0e7e343b-51079adcf4c0dba30f04.js","size":31086},{"name":"component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js","size":50654}],"filteredAssets":0,"assetsSize":198449,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-accordion-tabs-mdx":{"name":"component---src-docs-components-accordion-tabs-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js","size":6337}],"filteredAssets":0,"assetsSize":58096,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-breadcrumb-accessibility-mdx":{"name":"component---src-docs-components-breadcrumb-accessibility-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js","size":8014}],"filteredAssets":0,"assetsSize":59773,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-breadcrumb-code-mdx":{"name":"component---src-docs-components-breadcrumb-code-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js","size":17996}],"filteredAssets":0,"assetsSize":69755,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-breadcrumb-customisation-mdx":{"name":"component---src-docs-components-breadcrumb-customisation-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js","size":16955}],"filteredAssets":0,"assetsSize":68714,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-breadcrumb-index-mdx":{"name":"component---src-docs-components-breadcrumb-index-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js","size":12952}],"filteredAssets":0,"assetsSize":64711,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-breadcrumb-tabs-mdx":{"name":"component---src-docs-components-breadcrumb-tabs-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js","size":6338}],"filteredAssets":0,"assetsSize":58097,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-buttons-accessibility-mdx":{"name":"component---src-docs-components-buttons-accessibility-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js","size":9463}],"filteredAssets":0,"assetsSize":61222,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-buttons-code-mdx":{"name":"component---src-docs-components-buttons-code-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js","size":22670}],"filteredAssets":0,"assetsSize":74429,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-buttons-customisation-mdx":{"name":"component---src-docs-components-buttons-customisation-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js","size":10464}],"filteredAssets":0,"assetsSize":62223,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-buttons-index-mdx":{"name":"component---src-docs-components-buttons-index-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js","size":17692}],"filteredAssets":0,"assetsSize":69451,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-buttons-tabs-mdx":{"name":"component---src-docs-components-buttons-tabs-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js","size":6325}],"filteredAssets":0,"assetsSize":58084,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-card-accessibility-mdx":{"name":"component---src-docs-components-card-accessibility-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js","size":8420}],"filteredAssets":0,"assetsSize":60179,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-card-code-mdx":{"name":"component---src-docs-components-card-code-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js","size":18446}],"filteredAssets":0,"assetsSize":70205,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-card-customisation-mdx":{"name":"component---src-docs-components-card-customisation-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js","size":13075}],"filteredAssets":0,"assetsSize":64834,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-card-index-mdx":{"name":"component---src-docs-components-card-index-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js","size":16498}],"filteredAssets":0,"assetsSize":68257,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-card-tabs-mdx":{"name":"component---src-docs-components-card-tabs-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js","size":6355}],"filteredAssets":0,"assetsSize":58114,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-checkbox-accessibility-mdx":{"name":"component---src-docs-components-checkbox-accessibility-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js","size":8133}],"filteredAssets":0,"assetsSize":59892,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-checkbox-code-mdx":{"name":"component---src-docs-components-checkbox-code-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js","size":57404}],"filteredAssets":0,"assetsSize":109163,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-checkbox-customisation-mdx":{"name":"component---src-docs-components-checkbox-customisation-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js","size":26199}],"filteredAssets":0,"assetsSize":77958,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-checkbox-index-mdx":{"name":"component---src-docs-components-checkbox-index-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js","size":49595}],"filteredAssets":0,"assetsSize":101354,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-checkbox-tabs-mdx":{"name":"component---src-docs-components-checkbox-tabs-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js","size":6245}],"filteredAssets":0,"assetsSize":58004,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-cookie-consent-accessibility-mdx":{"name":"component---src-docs-components-cookie-consent-accessibility-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js","size":8159}],"filteredAssets":0,"assetsSize":59918,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-cookie-consent-api-mdx":{"name":"component---src-docs-components-cookie-consent-api-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js","size":33566}],"filteredAssets":0,"assetsSize":85325,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-cookie-consent-code-mdx":{"name":"component---src-docs-components-cookie-consent-code-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js","size":14497}],"filteredAssets":0,"assetsSize":66256,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-cookie-consent-index-mdx":{"name":"component---src-docs-components-cookie-consent-index-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js","size":12150}],"filteredAssets":0,"assetsSize":63909,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-cookie-consent-tabs-mdx":{"name":"component---src-docs-components-cookie-consent-tabs-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js","size":6319}],"filteredAssets":0,"assetsSize":58078,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-date-input-accessibility-mdx":{"name":"component---src-docs-components-date-input-accessibility-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js","size":8103}],"filteredAssets":0,"assetsSize":59862,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-date-input-code-mdx":{"name":"component---src-docs-components-date-input-code-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"356531f7063d2100c0c6e9a87bebe70e63bae57b-f0e130f710b802933023.js","size":24992},{"name":"a6124848a5db131eccb4ec393ee53fdeae3e7c43-5dcd444242d70a36bfeb.js","size":76978},{"name":"component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js","size":16583}],"filteredAssets":0,"assetsSize":170312,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-date-input-index-mdx":{"name":"component---src-docs-components-date-input-index-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"356531f7063d2100c0c6e9a87bebe70e63bae57b-f0e130f710b802933023.js","size":24992},{"name":"a6124848a5db131eccb4ec393ee53fdeae3e7c43-5dcd444242d70a36bfeb.js","size":76978},{"name":"component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js","size":12847}],"filteredAssets":0,"assetsSize":166576,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-date-input-tabs-mdx":{"name":"component---src-docs-components-date-input-tabs-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js","size":6255}],"filteredAssets":0,"assetsSize":58014,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-dialog-accessibility-mdx":{"name":"component---src-docs-components-dialog-accessibility-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js","size":8487}],"filteredAssets":0,"assetsSize":60246,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-dialog-code-mdx":{"name":"component---src-docs-components-dialog-code-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"356531f7063d2100c0c6e9a87bebe70e63bae57b-f0e130f710b802933023.js","size":24992},{"name":"component---src-docs-components-dialog-code-mdx-884262630b735438b529.js","size":37577}],"filteredAssets":0,"assetsSize":114328,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-dialog-customisation-mdx":{"name":"component---src-docs-components-dialog-customisation-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js","size":20293}],"filteredAssets":0,"assetsSize":72052,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-dialog-index-mdx":{"name":"component---src-docs-components-dialog-index-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js","size":34476}],"filteredAssets":0,"assetsSize":86235,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-dialog-tabs-mdx":{"name":"component---src-docs-components-dialog-tabs-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js","size":6347}],"filteredAssets":0,"assetsSize":58106,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-dropdown-accessibility-mdx":{"name":"component---src-docs-components-dropdown-accessibility-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js","size":8960}],"filteredAssets":0,"assetsSize":60719,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-dropdown-code-mdx":{"name":"component---src-docs-components-dropdown-code-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"e707eaefab13b3b4d5014070189aee2807fbcfff-e651e6c3830d9fe9d08b.js","size":64950},{"name":"4d739130fd770bad238e467e54f6980d0e7e343b-51079adcf4c0dba30f04.js","size":31086},{"name":"365f5350290ffe2f11a1902290de23beed7d24c4-803088bd44b7a3978b14.js","size":20533},{"name":"component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js","size":29837}],"filteredAssets":0,"assetsSize":198165,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-dropdown-customisation-mdx":{"name":"component---src-docs-components-dropdown-customisation-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"e707eaefab13b3b4d5014070189aee2807fbcfff-e651e6c3830d9fe9d08b.js","size":64950},{"name":"4d739130fd770bad238e467e54f6980d0e7e343b-51079adcf4c0dba30f04.js","size":31086},{"name":"component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js","size":28031}],"filteredAssets":0,"assetsSize":175826,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-dropdown-index-mdx":{"name":"component---src-docs-components-dropdown-index-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"e707eaefab13b3b4d5014070189aee2807fbcfff-e651e6c3830d9fe9d08b.js","size":64950},{"name":"4d739130fd770bad238e467e54f6980d0e7e343b-51079adcf4c0dba30f04.js","size":31086},{"name":"365f5350290ffe2f11a1902290de23beed7d24c4-803088bd44b7a3978b14.js","size":20533},{"name":"component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js","size":27042}],"filteredAssets":0,"assetsSize":195370,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-dropdown-tabs-mdx":{"name":"component---src-docs-components-dropdown-tabs-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js","size":6378}],"filteredAssets":0,"assetsSize":58137,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-fieldset-accessibility-mdx":{"name":"component---src-docs-components-fieldset-accessibility-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js","size":8068}],"filteredAssets":0,"assetsSize":59827,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-fieldset-code-mdx":{"name":"component---src-docs-components-fieldset-code-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"356531f7063d2100c0c6e9a87bebe70e63bae57b-f0e130f710b802933023.js","size":24992},{"name":"component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js","size":23642}],"filteredAssets":0,"assetsSize":100393,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-fieldset-index-mdx":{"name":"component---src-docs-components-fieldset-index-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"356531f7063d2100c0c6e9a87bebe70e63bae57b-f0e130f710b802933023.js","size":24992},{"name":"component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js","size":15918}],"filteredAssets":0,"assetsSize":92669,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-fieldset-tabs-mdx":{"name":"component---src-docs-components-fieldset-tabs-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js","size":6202}],"filteredAssets":0,"assetsSize":57961,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-file-input-accessibility-mdx":{"name":"component---src-docs-components-file-input-accessibility-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js","size":8032}],"filteredAssets":0,"assetsSize":59791,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-file-input-code-mdx":{"name":"component---src-docs-components-file-input-code-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"356531f7063d2100c0c6e9a87bebe70e63bae57b-f0e130f710b802933023.js","size":24992},{"name":"component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js","size":25582}],"filteredAssets":0,"assetsSize":102333,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-file-input-index-mdx":{"name":"component---src-docs-components-file-input-index-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"356531f7063d2100c0c6e9a87bebe70e63bae57b-f0e130f710b802933023.js","size":24992},{"name":"component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js","size":24025}],"filteredAssets":0,"assetsSize":100776,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-file-input-security-mdx":{"name":"component---src-docs-components-file-input-security-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js","size":8727}],"filteredAssets":0,"assetsSize":60486,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-file-input-tabs-mdx":{"name":"component---src-docs-components-file-input-tabs-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js","size":6262}],"filteredAssets":0,"assetsSize":58021,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-footer-accessibility-mdx":{"name":"component---src-docs-components-footer-accessibility-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js","size":8631}],"filteredAssets":0,"assetsSize":60390,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-footer-code-mdx":{"name":"component---src-docs-components-footer-code-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js","size":38916}],"filteredAssets":0,"assetsSize":90675,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-footer-customisation-mdx":{"name":"component---src-docs-components-footer-customisation-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js","size":11716}],"filteredAssets":0,"assetsSize":63475,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-footer-index-mdx":{"name":"component---src-docs-components-footer-index-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js","size":24410}],"filteredAssets":0,"assetsSize":76169,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-footer-tabs-mdx":{"name":"component---src-docs-components-footer-tabs-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js","size":6339}],"filteredAssets":0,"assetsSize":58098,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-header-accessibility-mdx":{"name":"component---src-docs-components-header-accessibility-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js","size":9639}],"filteredAssets":0,"assetsSize":61398,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-header-code-mdx":{"name":"component---src-docs-components-header-code-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"e707eaefab13b3b4d5014070189aee2807fbcfff-e651e6c3830d9fe9d08b.js","size":64950},{"name":"5d8985734a6b854ebaa8311dc36cfa59aa67534f-269d73b10db2e616ddf1.js","size":519182},{"name":"component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js","size":53707}],"filteredAssets":0,"assetsSize":689598,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-header-index-mdx":{"name":"component---src-docs-components-header-index-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"e707eaefab13b3b4d5014070189aee2807fbcfff-e651e6c3830d9fe9d08b.js","size":64950},{"name":"5d8985734a6b854ebaa8311dc36cfa59aa67534f-269d73b10db2e616ddf1.js","size":519182},{"name":"component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js","size":43773}],"filteredAssets":0,"assetsSize":679664,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-header-tabs-mdx":{"name":"component---src-docs-components-header-tabs-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js","size":6597}],"filteredAssets":0,"assetsSize":58356,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-hero-accessibility-mdx":{"name":"component---src-docs-components-hero-accessibility-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js","size":8413}],"filteredAssets":0,"assetsSize":60172,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-hero-code-mdx":{"name":"component---src-docs-components-hero-code-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js","size":30434}],"filteredAssets":0,"assetsSize":82193,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-hero-customisation-mdx":{"name":"component---src-docs-components-hero-customisation-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js","size":28980}],"filteredAssets":0,"assetsSize":80739,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-hero-index-mdx":{"name":"component---src-docs-components-hero-index-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js","size":35137}],"filteredAssets":0,"assetsSize":86896,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-hero-tabs-mdx":{"name":"component---src-docs-components-hero-tabs-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js","size":6433}],"filteredAssets":0,"assetsSize":58192,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-highlight-accessibility-mdx":{"name":"component---src-docs-components-highlight-accessibility-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js","size":7493}],"filteredAssets":0,"assetsSize":59252,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-highlight-code-mdx":{"name":"component---src-docs-components-highlight-code-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js","size":28605}],"filteredAssets":0,"assetsSize":80364,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-highlight-customisation-mdx":{"name":"component---src-docs-components-highlight-customisation-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js","size":10242}],"filteredAssets":0,"assetsSize":62001,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-highlight-index-mdx":{"name":"component---src-docs-components-highlight-index-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js","size":26184}],"filteredAssets":0,"assetsSize":77943,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-highlight-tabs-mdx":{"name":"component---src-docs-components-highlight-tabs-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js","size":6491}],"filteredAssets":0,"assetsSize":58250,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-icon-accessibility-mdx":{"name":"component---src-docs-components-icon-accessibility-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js","size":8714}],"filteredAssets":0,"assetsSize":60473,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-icon-code-mdx":{"name":"component---src-docs-components-icon-code-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js","size":12852}],"filteredAssets":0,"assetsSize":64611,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-icon-customisation-mdx":{"name":"component---src-docs-components-icon-customisation-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js","size":9703}],"filteredAssets":0,"assetsSize":61462,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-icon-index-mdx":{"name":"component---src-docs-components-icon-index-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js","size":11526}],"filteredAssets":0,"assetsSize":63285,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-icon-tabs-mdx":{"name":"component---src-docs-components-icon-tabs-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js","size":6302}],"filteredAssets":0,"assetsSize":58061,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-index-mdx":{"name":"component---src-docs-components-index-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"component---src-docs-components-index-mdx-be940051984a8a428b1c.js","size":25141}],"filteredAssets":0,"assetsSize":50660,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-koros-accessibility-mdx":{"name":"component---src-docs-components-koros-accessibility-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js","size":8201}],"filteredAssets":0,"assetsSize":59960,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-koros-code-mdx":{"name":"component---src-docs-components-koros-code-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js","size":23294}],"filteredAssets":0,"assetsSize":75053,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-koros-customisation-mdx":{"name":"component---src-docs-components-koros-customisation-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js","size":9889}],"filteredAssets":0,"assetsSize":61648,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-koros-index-mdx":{"name":"component---src-docs-components-koros-index-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js","size":14163}],"filteredAssets":0,"assetsSize":65922,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-koros-tabs-mdx":{"name":"component---src-docs-components-koros-tabs-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js","size":6376}],"filteredAssets":0,"assetsSize":58135,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-link-accessibility-mdx":{"name":"component---src-docs-components-link-accessibility-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js","size":11083}],"filteredAssets":0,"assetsSize":62842,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-link-code-mdx":{"name":"component---src-docs-components-link-code-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js","size":22946}],"filteredAssets":0,"assetsSize":74705,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-link-index-mdx":{"name":"component---src-docs-components-link-index-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js","size":17730}],"filteredAssets":0,"assetsSize":69489,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-link-tabs-mdx":{"name":"component---src-docs-components-link-tabs-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js","size":6229}],"filteredAssets":0,"assetsSize":57988,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-linkbox-accessibility-mdx":{"name":"component---src-docs-components-linkbox-accessibility-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js","size":8070}],"filteredAssets":0,"assetsSize":59829,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-linkbox-code-mdx":{"name":"component---src-docs-components-linkbox-code-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js","size":30124}],"filteredAssets":0,"assetsSize":81883,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-linkbox-index-mdx":{"name":"component---src-docs-components-linkbox-index-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js","size":26579}],"filteredAssets":0,"assetsSize":78338,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-linkbox-tabs-mdx":{"name":"component---src-docs-components-linkbox-tabs-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js","size":6325}],"filteredAssets":0,"assetsSize":58084,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-loading-spinner-accessibility-mdx":{"name":"component---src-docs-components-loading-spinner-accessibility-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js","size":9491}],"filteredAssets":0,"assetsSize":61250,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-loading-spinner-code-mdx":{"name":"component---src-docs-components-loading-spinner-code-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js","size":12911}],"filteredAssets":0,"assetsSize":64670,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-loading-spinner-customisation-mdx":{"name":"component---src-docs-components-loading-spinner-customisation-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js","size":10820}],"filteredAssets":0,"assetsSize":62579,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-loading-spinner-index-mdx":{"name":"component---src-docs-components-loading-spinner-index-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js","size":11428}],"filteredAssets":0,"assetsSize":63187,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-loading-spinner-tabs-mdx":{"name":"component---src-docs-components-loading-spinner-tabs-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js","size":6303}],"filteredAssets":0,"assetsSize":58062,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-logo-accessibility-mdx":{"name":"component---src-docs-components-logo-accessibility-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js","size":8705}],"filteredAssets":0,"assetsSize":60464,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-logo-code-mdx":{"name":"component---src-docs-components-logo-code-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js","size":12671}],"filteredAssets":0,"assetsSize":64430,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-logo-customisation-mdx":{"name":"component---src-docs-components-logo-customisation-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js","size":9460}],"filteredAssets":0,"assetsSize":61219,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-logo-index-mdx":{"name":"component---src-docs-components-logo-index-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js","size":11402}],"filteredAssets":0,"assetsSize":63161,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-logo-tabs-mdx":{"name":"component---src-docs-components-logo-tabs-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js","size":6244}],"filteredAssets":0,"assetsSize":58003,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-navigation-accessibility-mdx":{"name":"component---src-docs-components-navigation-accessibility-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js","size":9146}],"filteredAssets":0,"assetsSize":60905,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-navigation-code-mdx":{"name":"component---src-docs-components-navigation-code-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js","size":28555}],"filteredAssets":0,"assetsSize":80314,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-navigation-customisation-mdx":{"name":"component---src-docs-components-navigation-customisation-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js","size":12574}],"filteredAssets":0,"assetsSize":64333,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-navigation-index-mdx":{"name":"component---src-docs-components-navigation-index-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js","size":16317}],"filteredAssets":0,"assetsSize":68076,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-navigation-tabs-mdx":{"name":"component---src-docs-components-navigation-tabs-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js","size":6886}],"filteredAssets":0,"assetsSize":58645,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-notification-accessibility-mdx":{"name":"component---src-docs-components-notification-accessibility-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js","size":9135}],"filteredAssets":0,"assetsSize":60894,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-notification-code-mdx":{"name":"component---src-docs-components-notification-code-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js","size":24115}],"filteredAssets":0,"assetsSize":75874,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-notification-index-mdx":{"name":"component---src-docs-components-notification-index-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js","size":17478}],"filteredAssets":0,"assetsSize":69237,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-notification-tabs-mdx":{"name":"component---src-docs-components-notification-tabs-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js","size":6246}],"filteredAssets":0,"assetsSize":58005,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-number-input-accessibility-mdx":{"name":"component---src-docs-components-number-input-accessibility-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js","size":8387}],"filteredAssets":0,"assetsSize":60146,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-number-input-code-mdx":{"name":"component---src-docs-components-number-input-code-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"356531f7063d2100c0c6e9a87bebe70e63bae57b-f0e130f710b802933023.js","size":24992},{"name":"component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js","size":22570}],"filteredAssets":0,"assetsSize":99321,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-number-input-index-mdx":{"name":"component---src-docs-components-number-input-index-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"356531f7063d2100c0c6e9a87bebe70e63bae57b-f0e130f710b802933023.js","size":24992},{"name":"component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js","size":17788}],"filteredAssets":0,"assetsSize":94539,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-number-input-tabs-mdx":{"name":"component---src-docs-components-number-input-tabs-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js","size":6262}],"filteredAssets":0,"assetsSize":58021,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-pagination-accessibility-mdx":{"name":"component---src-docs-components-pagination-accessibility-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js","size":9043}],"filteredAssets":0,"assetsSize":60802,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-pagination-code-mdx":{"name":"component---src-docs-components-pagination-code-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"cad73618753cbcba4fffc4995fc64d64bf78d438-571485a213988a2150e9.js","size":20765},{"name":"component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js","size":21055}],"filteredAssets":0,"assetsSize":93579,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-pagination-customisation-mdx":{"name":"component---src-docs-components-pagination-customisation-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"cad73618753cbcba4fffc4995fc64d64bf78d438-571485a213988a2150e9.js","size":20765},{"name":"component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js","size":12434}],"filteredAssets":0,"assetsSize":84958,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-pagination-index-mdx":{"name":"component---src-docs-components-pagination-index-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"cad73618753cbcba4fffc4995fc64d64bf78d438-571485a213988a2150e9.js","size":20765},{"name":"component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js","size":16092}],"filteredAssets":0,"assetsSize":88616,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-pagination-tabs-mdx":{"name":"component---src-docs-components-pagination-tabs-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js","size":6281}],"filteredAssets":0,"assetsSize":58040,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-password-input-accessibility-mdx":{"name":"component---src-docs-components-password-input-accessibility-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js","size":8591}],"filteredAssets":0,"assetsSize":60350,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-password-input-code-mdx":{"name":"component---src-docs-components-password-input-code-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"356531f7063d2100c0c6e9a87bebe70e63bae57b-f0e130f710b802933023.js","size":24992},{"name":"component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js","size":17205}],"filteredAssets":0,"assetsSize":93956,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-password-input-index-mdx":{"name":"component---src-docs-components-password-input-index-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"356531f7063d2100c0c6e9a87bebe70e63bae57b-f0e130f710b802933023.js","size":24992},{"name":"component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js","size":12424}],"filteredAssets":0,"assetsSize":89175,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-password-input-security-mdx":{"name":"component---src-docs-components-password-input-security-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js","size":10479}],"filteredAssets":0,"assetsSize":62238,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-password-input-tabs-mdx":{"name":"component---src-docs-components-password-input-tabs-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js","size":6304}],"filteredAssets":0,"assetsSize":58063,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-phone-input-accessibility-mdx":{"name":"component---src-docs-components-phone-input-accessibility-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js","size":8487}],"filteredAssets":0,"assetsSize":60246,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-phone-input-code-mdx":{"name":"component---src-docs-components-phone-input-code-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"356531f7063d2100c0c6e9a87bebe70e63bae57b-f0e130f710b802933023.js","size":24992},{"name":"e707eaefab13b3b4d5014070189aee2807fbcfff-e651e6c3830d9fe9d08b.js","size":64950},{"name":"4d739130fd770bad238e467e54f6980d0e7e343b-51079adcf4c0dba30f04.js","size":31086},{"name":"365f5350290ffe2f11a1902290de23beed7d24c4-803088bd44b7a3978b14.js","size":20533},{"name":"component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js","size":11421}],"filteredAssets":0,"assetsSize":204741,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-phone-input-index-mdx":{"name":"component---src-docs-components-phone-input-index-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"356531f7063d2100c0c6e9a87bebe70e63bae57b-f0e130f710b802933023.js","size":24992},{"name":"e707eaefab13b3b4d5014070189aee2807fbcfff-e651e6c3830d9fe9d08b.js","size":64950},{"name":"4d739130fd770bad238e467e54f6980d0e7e343b-51079adcf4c0dba30f04.js","size":31086},{"name":"365f5350290ffe2f11a1902290de23beed7d24c4-803088bd44b7a3978b14.js","size":20533},{"name":"component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js","size":9723}],"filteredAssets":0,"assetsSize":203043,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-phone-input-tabs-mdx":{"name":"component---src-docs-components-phone-input-tabs-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js","size":6171}],"filteredAssets":0,"assetsSize":57930,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-radio-button-accessibility-mdx":{"name":"component---src-docs-components-radio-button-accessibility-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js","size":8149}],"filteredAssets":0,"assetsSize":59908,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-radio-button-code-mdx":{"name":"component---src-docs-components-radio-button-code-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js","size":41324}],"filteredAssets":0,"assetsSize":93083,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-radio-button-customisation-mdx":{"name":"component---src-docs-components-radio-button-customisation-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js","size":21943}],"filteredAssets":0,"assetsSize":73702,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-radio-button-index-mdx":{"name":"component---src-docs-components-radio-button-index-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js","size":37929}],"filteredAssets":0,"assetsSize":89688,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-radio-button-tabs-mdx":{"name":"component---src-docs-components-radio-button-tabs-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js","size":6257}],"filteredAssets":0,"assetsSize":58016,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-search-input-accessibility-mdx":{"name":"component---src-docs-components-search-input-accessibility-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js","size":7822}],"filteredAssets":0,"assetsSize":59581,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-search-input-code-mdx":{"name":"component---src-docs-components-search-input-code-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"e707eaefab13b3b4d5014070189aee2807fbcfff-e651e6c3830d9fe9d08b.js","size":64950},{"name":"component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js","size":45675}],"filteredAssets":0,"assetsSize":162384,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-search-input-index-mdx":{"name":"component---src-docs-components-search-input-index-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"e707eaefab13b3b4d5014070189aee2807fbcfff-e651e6c3830d9fe9d08b.js","size":64950},{"name":"component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js","size":40689}],"filteredAssets":0,"assetsSize":157398,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-search-input-tabs-mdx":{"name":"component---src-docs-components-search-input-tabs-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js","size":6244}],"filteredAssets":0,"assetsSize":58003,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-selection-group-accessibility-mdx":{"name":"component---src-docs-components-selection-group-accessibility-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js","size":7789}],"filteredAssets":0,"assetsSize":59548,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-selection-group-code-mdx":{"name":"component---src-docs-components-selection-group-code-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js","size":61812}],"filteredAssets":0,"assetsSize":113571,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-selection-group-index-mdx":{"name":"component---src-docs-components-selection-group-index-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js","size":51657}],"filteredAssets":0,"assetsSize":103416,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-selection-group-tabs-mdx":{"name":"component---src-docs-components-selection-group-tabs-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js","size":6225}],"filteredAssets":0,"assetsSize":57984,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-side-navigation-accessibility-mdx":{"name":"component---src-docs-components-side-navigation-accessibility-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js","size":9010}],"filteredAssets":0,"assetsSize":60769,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-side-navigation-code-mdx":{"name":"component---src-docs-components-side-navigation-code-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js","size":19084}],"filteredAssets":0,"assetsSize":70843,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-side-navigation-customisation-mdx":{"name":"component---src-docs-components-side-navigation-customisation-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js","size":16133}],"filteredAssets":0,"assetsSize":67892,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-side-navigation-index-mdx":{"name":"component---src-docs-components-side-navigation-index-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js","size":18438}],"filteredAssets":0,"assetsSize":70197,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-side-navigation-tabs-mdx":{"name":"component---src-docs-components-side-navigation-tabs-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js","size":6694}],"filteredAssets":0,"assetsSize":58453,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-status-label-accessibility-mdx":{"name":"component---src-docs-components-status-label-accessibility-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js","size":8295}],"filteredAssets":0,"assetsSize":60054,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-status-label-code-mdx":{"name":"component---src-docs-components-status-label-code-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js","size":15582}],"filteredAssets":0,"assetsSize":67341,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-status-label-index-mdx":{"name":"component---src-docs-components-status-label-index-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js","size":13579}],"filteredAssets":0,"assetsSize":65338,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-status-label-tabs-mdx":{"name":"component---src-docs-components-status-label-tabs-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js","size":6292}],"filteredAssets":0,"assetsSize":58051,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-step-by-step-accessibility-mdx":{"name":"component---src-docs-components-step-by-step-accessibility-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js","size":7932}],"filteredAssets":0,"assetsSize":59691,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-step-by-step-code-mdx":{"name":"component---src-docs-components-step-by-step-code-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js","size":23346}],"filteredAssets":0,"assetsSize":75105,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-step-by-step-index-mdx":{"name":"component---src-docs-components-step-by-step-index-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js","size":16259}],"filteredAssets":0,"assetsSize":68018,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-step-by-step-tabs-mdx":{"name":"component---src-docs-components-step-by-step-tabs-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js","size":6422}],"filteredAssets":0,"assetsSize":58181,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-stepper-accessibility-mdx":{"name":"component---src-docs-components-stepper-accessibility-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js","size":9705}],"filteredAssets":0,"assetsSize":61464,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-stepper-code-mdx":{"name":"component---src-docs-components-stepper-code-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js","size":45148}],"filteredAssets":0,"assetsSize":96907,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-stepper-customisation-mdx":{"name":"component---src-docs-components-stepper-customisation-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js","size":29370}],"filteredAssets":0,"assetsSize":81129,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-stepper-index-mdx":{"name":"component---src-docs-components-stepper-index-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js","size":36931}],"filteredAssets":0,"assetsSize":88690,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-stepper-tabs-mdx":{"name":"component---src-docs-components-stepper-tabs-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js","size":6771}],"filteredAssets":0,"assetsSize":58530,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-table-accessibility-mdx":{"name":"component---src-docs-components-table-accessibility-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js","size":9227}],"filteredAssets":0,"assetsSize":60986,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-table-code-mdx":{"name":"component---src-docs-components-table-code-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"b192c7df83cc63c115c47db8cdb288825a93073a-6da300da11d22250dc32.js","size":31482},{"name":"component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js","size":42481}],"filteredAssets":0,"assetsSize":125722,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-table-customisation-mdx":{"name":"component---src-docs-components-table-customisation-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"b192c7df83cc63c115c47db8cdb288825a93073a-6da300da11d22250dc32.js","size":31482},{"name":"component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js","size":11442}],"filteredAssets":0,"assetsSize":94683,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-table-index-mdx":{"name":"component---src-docs-components-table-index-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"b192c7df83cc63c115c47db8cdb288825a93073a-6da300da11d22250dc32.js","size":31482},{"name":"component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js","size":26587}],"filteredAssets":0,"assetsSize":109828,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-table-tabs-mdx":{"name":"component---src-docs-components-table-tabs-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js","size":6718}],"filteredAssets":0,"assetsSize":58477,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-tabs-accessibility-mdx":{"name":"component---src-docs-components-tabs-accessibility-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js","size":8517}],"filteredAssets":0,"assetsSize":60276,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-tabs-code-mdx":{"name":"component---src-docs-components-tabs-code-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js","size":16102}],"filteredAssets":0,"assetsSize":67861,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-tabs-customisation-mdx":{"name":"component---src-docs-components-tabs-customisation-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js","size":10496}],"filteredAssets":0,"assetsSize":62255,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-tabs-index-mdx":{"name":"component---src-docs-components-tabs-index-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js","size":17321}],"filteredAssets":0,"assetsSize":69080,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-tabs-tabs-mdx":{"name":"component---src-docs-components-tabs-tabs-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js","size":6253}],"filteredAssets":0,"assetsSize":58012,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-tag-accessibility-mdx":{"name":"component---src-docs-components-tag-accessibility-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js","size":10552}],"filteredAssets":0,"assetsSize":62311,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-tag-code-mdx":{"name":"component---src-docs-components-tag-code-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js","size":23401}],"filteredAssets":0,"assetsSize":75160,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-tag-customisation-mdx":{"name":"component---src-docs-components-tag-customisation-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js","size":14053}],"filteredAssets":0,"assetsSize":65812,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-tag-index-mdx":{"name":"component---src-docs-components-tag-index-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js","size":17770}],"filteredAssets":0,"assetsSize":69529,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-tag-tabs-mdx":{"name":"component---src-docs-components-tag-tabs-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js","size":6285}],"filteredAssets":0,"assetsSize":58044,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-text-area-accessibility-mdx":{"name":"component---src-docs-components-text-area-accessibility-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js","size":8611}],"filteredAssets":0,"assetsSize":60370,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-text-area-code-mdx":{"name":"component---src-docs-components-text-area-code-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"356531f7063d2100c0c6e9a87bebe70e63bae57b-f0e130f710b802933023.js","size":24992},{"name":"component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js","size":14367}],"filteredAssets":0,"assetsSize":91118,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-text-area-index-mdx":{"name":"component---src-docs-components-text-area-index-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"356531f7063d2100c0c6e9a87bebe70e63bae57b-f0e130f710b802933023.js","size":24992},{"name":"component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js","size":9251}],"filteredAssets":0,"assetsSize":86002,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-text-area-tabs-mdx":{"name":"component---src-docs-components-text-area-tabs-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js","size":6213}],"filteredAssets":0,"assetsSize":57972,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-text-input-accessibility-mdx":{"name":"component---src-docs-components-text-input-accessibility-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js","size":8749}],"filteredAssets":0,"assetsSize":60508,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-text-input-code-mdx":{"name":"component---src-docs-components-text-input-code-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"356531f7063d2100c0c6e9a87bebe70e63bae57b-f0e130f710b802933023.js","size":24992},{"name":"component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js","size":16812}],"filteredAssets":0,"assetsSize":93563,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-text-input-index-mdx":{"name":"component---src-docs-components-text-input-index-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"356531f7063d2100c0c6e9a87bebe70e63bae57b-f0e130f710b802933023.js","size":24992},{"name":"component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js","size":10691}],"filteredAssets":0,"assetsSize":87442,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-text-input-tabs-mdx":{"name":"component---src-docs-components-text-input-tabs-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js","size":6352}],"filteredAssets":0,"assetsSize":58111,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-time-input-accessibility-mdx":{"name":"component---src-docs-components-time-input-accessibility-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js","size":8072}],"filteredAssets":0,"assetsSize":59831,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-time-input-code-mdx":{"name":"component---src-docs-components-time-input-code-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"356531f7063d2100c0c6e9a87bebe70e63bae57b-f0e130f710b802933023.js","size":24992},{"name":"e707eaefab13b3b4d5014070189aee2807fbcfff-e651e6c3830d9fe9d08b.js","size":64950},{"name":"4d739130fd770bad238e467e54f6980d0e7e343b-51079adcf4c0dba30f04.js","size":31086},{"name":"component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js","size":16245}],"filteredAssets":0,"assetsSize":189032,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-time-input-index-mdx":{"name":"component---src-docs-components-time-input-index-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"356531f7063d2100c0c6e9a87bebe70e63bae57b-f0e130f710b802933023.js","size":24992},{"name":"e707eaefab13b3b4d5014070189aee2807fbcfff-e651e6c3830d9fe9d08b.js","size":64950},{"name":"4d739130fd770bad238e467e54f6980d0e7e343b-51079adcf4c0dba30f04.js","size":31086},{"name":"component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js","size":16112}],"filteredAssets":0,"assetsSize":188899,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-time-input-tabs-mdx":{"name":"component---src-docs-components-time-input-tabs-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js","size":6159}],"filteredAssets":0,"assetsSize":57918,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-toggle-button-accessibility-mdx":{"name":"component---src-docs-components-toggle-button-accessibility-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js","size":8898}],"filteredAssets":0,"assetsSize":60657,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-toggle-button-code-mdx":{"name":"component---src-docs-components-toggle-button-code-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js","size":18976}],"filteredAssets":0,"assetsSize":70735,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-toggle-button-customisation-mdx":{"name":"component---src-docs-components-toggle-button-customisation-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js","size":14966}],"filteredAssets":0,"assetsSize":66725,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-toggle-button-index-mdx":{"name":"component---src-docs-components-toggle-button-index-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js","size":17266}],"filteredAssets":0,"assetsSize":69025,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-toggle-button-tabs-mdx":{"name":"component---src-docs-components-toggle-button-tabs-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js","size":6275}],"filteredAssets":0,"assetsSize":58034,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-tooltip-accessibility-mdx":{"name":"component---src-docs-components-tooltip-accessibility-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js","size":8082}],"filteredAssets":0,"assetsSize":59841,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-tooltip-code-mdx":{"name":"component---src-docs-components-tooltip-code-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js","size":15608}],"filteredAssets":0,"assetsSize":67367,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-tooltip-index-mdx":{"name":"component---src-docs-components-tooltip-index-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js","size":12539}],"filteredAssets":0,"assetsSize":64298,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-tooltip-tabs-mdx":{"name":"component---src-docs-components-tooltip-tabs-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js","size":6174}],"filteredAssets":0,"assetsSize":57933,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-foundation-design-tokens-breakpoints-index-mdx":{"name":"component---src-docs-foundation-design-tokens-breakpoints-index-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js","size":12111}],"filteredAssets":0,"assetsSize":37630,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx":{"name":"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js","size":5363}],"filteredAssets":0,"assetsSize":30882,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx":{"name":"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js","size":10862}],"filteredAssets":0,"assetsSize":36381,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-foundation-design-tokens-colour-accessibility-mdx":{"name":"component---src-docs-foundation-design-tokens-colour-accessibility-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js","size":27450}],"filteredAssets":0,"assetsSize":52969,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-foundation-design-tokens-colour-index-mdx":{"name":"component---src-docs-foundation-design-tokens-colour-index-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js","size":21727}],"filteredAssets":0,"assetsSize":47246,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-foundation-design-tokens-colour-tabs-mdx":{"name":"component---src-docs-foundation-design-tokens-colour-tabs-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js","size":5367}],"filteredAssets":0,"assetsSize":30886,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-foundation-design-tokens-colour-tokens-mdx":{"name":"component---src-docs-foundation-design-tokens-colour-tokens-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js","size":35336}],"filteredAssets":0,"assetsSize":60855,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-foundation-design-tokens-spacing-index-mdx":{"name":"component---src-docs-foundation-design-tokens-spacing-index-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js","size":8546}],"filteredAssets":0,"assetsSize":34065,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-foundation-design-tokens-spacing-tabs-mdx":{"name":"component---src-docs-foundation-design-tokens-spacing-tabs-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js","size":5331}],"filteredAssets":0,"assetsSize":30850,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-foundation-design-tokens-spacing-tokens-mdx":{"name":"component---src-docs-foundation-design-tokens-spacing-tokens-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js","size":13977}],"filteredAssets":0,"assetsSize":39496,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-foundation-design-tokens-typography-index-mdx":{"name":"component---src-docs-foundation-design-tokens-typography-index-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js","size":23385}],"filteredAssets":0,"assetsSize":48904,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-foundation-design-tokens-typography-tabs-mdx":{"name":"component---src-docs-foundation-design-tokens-typography-tabs-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js","size":5356}],"filteredAssets":0,"assetsSize":30875,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-foundation-design-tokens-typography-tokens-mdx":{"name":"component---src-docs-foundation-design-tokens-typography-tokens-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js","size":12894}],"filteredAssets":0,"assetsSize":38413,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx":{"name":"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx","assets":[{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js","size":54486}],"filteredAssets":0,"assetsSize":80726,"filteredAuxiliaryAssets":0,"auxiliaryAssetsSize":0},"component---src-docs-foundation-guidelines-data-formats-mdx":{"name":"component---src-docs-foundation-guidelines-data-formats-mdx","assets":[{"name":"component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js","size":7538}],"filteredAssets":0,"assetsSize":7538,"filteredAuxiliaryAssets":0,"auxiliaryAssetsSize":0},"component---src-docs-foundation-guidelines-grid-mdx":{"name":"component---src-docs-foundation-guidelines-grid-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js","size":8449}],"filteredAssets":0,"assetsSize":33968,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-foundation-guidelines-inclusivity-mdx":{"name":"component---src-docs-foundation-guidelines-inclusivity-mdx","assets":[{"name":"component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js","size":14039}],"filteredAssets":0,"assetsSize":14039,"filteredAuxiliaryAssets":0,"auxiliaryAssetsSize":0},"component---src-docs-foundation-guidelines-localisation-mdx":{"name":"component---src-docs-foundation-guidelines-localisation-mdx","assets":[{"name":"component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js","size":9366}],"filteredAssets":0,"assetsSize":9366,"filteredAuxiliaryAssets":0,"auxiliaryAssetsSize":0},"component---src-docs-foundation-guidelines-photography-mdx":{"name":"component---src-docs-foundation-guidelines-photography-mdx","assets":[{"name":"component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js","size":2694}],"filteredAssets":0,"assetsSize":2694,"filteredAuxiliaryAssets":0,"auxiliaryAssetsSize":0},"component---src-docs-foundation-guidelines-server-side-rendering-mdx":{"name":"component---src-docs-foundation-guidelines-server-side-rendering-mdx","assets":[{"name":"component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js","size":29055}],"filteredAssets":0,"assetsSize":29055,"filteredAuxiliaryAssets":0,"auxiliaryAssetsSize":0},"component---src-docs-foundation-index-mdx":{"name":"component---src-docs-foundation-index-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js","size":2782}],"filteredAssets":0,"assetsSize":28301,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-foundation-visual-assets-favicon-mdx":{"name":"component---src-docs-foundation-visual-assets-favicon-mdx","assets":[{"name":"component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js","size":6628}],"filteredAssets":0,"assetsSize":6628,"filteredAuxiliaryAssets":0,"auxiliaryAssetsSize":0},"component---src-docs-foundation-visual-assets-icons-index-mdx":{"name":"component---src-docs-foundation-visual-assets-icons-index-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js","size":9731}],"filteredAssets":0,"assetsSize":35250,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-foundation-visual-assets-icons-list-mdx":{"name":"component---src-docs-foundation-visual-assets-icons-list-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"b123bb55-bfd26b4839350c06496e.js","size":314945},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"356531f7063d2100c0c6e9a87bebe70e63bae57b-f0e130f710b802933023.js","size":24992},{"name":"e707eaefab13b3b4d5014070189aee2807fbcfff-e651e6c3830d9fe9d08b.js","size":64950},{"name":"4d739130fd770bad238e467e54f6980d0e7e343b-51079adcf4c0dba30f04.js","size":31086},{"name":"b192c7df83cc63c115c47db8cdb288825a93073a-6da300da11d22250dc32.js","size":31482},{"name":"365f5350290ffe2f11a1902290de23beed7d24c4-803088bd44b7a3978b14.js","size":20533},{"name":"cad73618753cbcba4fffc4995fc64d64bf78d438-571485a213988a2150e9.js","size":20765},{"name":"5d8985734a6b854ebaa8311dc36cfa59aa67534f-269d73b10db2e616ddf1.js","size":519182},{"name":"a6124848a5db131eccb4ec393ee53fdeae3e7c43-5dcd444242d70a36bfeb.js","size":76978},{"name":"component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js","size":383059}],"filteredAssets":0,"assetsSize":1539731,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-foundation-visual-assets-icons-tabs-mdx":{"name":"component---src-docs-foundation-visual-assets-icons-tabs-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js","size":2917}],"filteredAssets":0,"assetsSize":28436,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-foundation-visual-assets-logo-mdx":{"name":"component---src-docs-foundation-visual-assets-logo-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js","size":8992}],"filteredAssets":0,"assetsSize":34511,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-foundation-visual-assets-placeholders-mdx":{"name":"component---src-docs-foundation-visual-assets-placeholders-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js","size":14769}],"filteredAssets":0,"assetsSize":40288,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-foundation-visual-assets-wave-motifs-mdx":{"name":"component---src-docs-foundation-visual-assets-wave-motifs-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js","size":13559}],"filteredAssets":0,"assetsSize":39078,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-getting-started-contributing-design-mdx":{"name":"component---src-docs-getting-started-contributing-design-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js","size":37544}],"filteredAssets":0,"assetsSize":63063,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-getting-started-contributing-documentation-mdx":{"name":"component---src-docs-getting-started-contributing-documentation-mdx","assets":[{"name":"component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js","size":5119}],"filteredAssets":0,"assetsSize":5119,"filteredAuxiliaryAssets":0,"auxiliaryAssetsSize":0},"component---src-docs-getting-started-contributing-how-to-contribute-mdx":{"name":"component---src-docs-getting-started-contributing-how-to-contribute-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js","size":10733}],"filteredAssets":0,"assetsSize":36252,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-getting-started-contributing-icons-mdx":{"name":"component---src-docs-getting-started-contributing-icons-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js","size":14563}],"filteredAssets":0,"assetsSize":40082,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-getting-started-contributing-implementation-mdx":{"name":"component---src-docs-getting-started-contributing-implementation-mdx","assets":[{"name":"component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js","size":8073}],"filteredAssets":0,"assetsSize":8073,"filteredAuxiliaryAssets":0,"auxiliaryAssetsSize":0},"component---src-docs-getting-started-designer-mdx":{"name":"component---src-docs-getting-started-designer-mdx","assets":[{"name":"component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js","size":13466}],"filteredAssets":0,"assetsSize":13466,"filteredAuxiliaryAssets":0,"auxiliaryAssetsSize":0},"component---src-docs-getting-started-developer-mdx":{"name":"component---src-docs-getting-started-developer-mdx","assets":[{"name":"component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js","size":10625}],"filteredAssets":0,"assetsSize":10625,"filteredAuxiliaryAssets":0,"auxiliaryAssetsSize":0},"component---src-docs-getting-started-faq-accessibility-mdx":{"name":"component---src-docs-getting-started-faq-accessibility-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js","size":28013}],"filteredAssets":0,"assetsSize":53532,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-getting-started-faq-code-mdx":{"name":"component---src-docs-getting-started-faq-code-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js","size":23853}],"filteredAssets":0,"assetsSize":49372,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-getting-started-faq-design-mdx":{"name":"component---src-docs-getting-started-faq-design-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js","size":29163}],"filteredAssets":0,"assetsSize":54682,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-getting-started-faq-index-mdx":{"name":"component---src-docs-getting-started-faq-index-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js","size":26468}],"filteredAssets":0,"assetsSize":51987,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-getting-started-faq-tabs-mdx":{"name":"component---src-docs-getting-started-faq-tabs-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js","size":3230}],"filteredAssets":0,"assetsSize":28749,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-getting-started-index-mdx":{"name":"component---src-docs-getting-started-index-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js","size":3378}],"filteredAssets":0,"assetsSize":28897,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx":{"name":"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js","size":22497}],"filteredAssets":0,"assetsSize":48016,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-getting-started-versioning-mdx":{"name":"component---src-docs-getting-started-versioning-mdx","assets":[{"name":"component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js","size":5757}],"filteredAssets":0,"assetsSize":5757,"filteredAuxiliaryAssets":0,"auxiliaryAssetsSize":0},"component---src-docs-index-mdx":{"name":"component---src-docs-index-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js","size":26880}],"filteredAssets":0,"assetsSize":52399,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-patterns-cookies-basics-mdx":{"name":"component---src-docs-patterns-cookies-basics-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js","size":24831}],"filteredAssets":0,"assetsSize":50350,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx":{"name":"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx","assets":[{"name":"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js","size":9145}],"filteredAssets":0,"assetsSize":9145,"filteredAuxiliaryAssets":0,"auxiliaryAssetsSize":0},"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx":{"name":"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js","size":13239}],"filteredAssets":0,"assetsSize":38758,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-patterns-forms-form-building-mdx":{"name":"component---src-docs-patterns-forms-form-building-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js","size":97663}],"filteredAssets":0,"assetsSize":123182,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-patterns-forms-form-multi-page-mdx":{"name":"component---src-docs-patterns-forms-form-multi-page-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js","size":21491}],"filteredAssets":0,"assetsSize":47010,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-patterns-forms-form-validation-mdx":{"name":"component---src-docs-patterns-forms-form-validation-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js","size":32111}],"filteredAssets":0,"assetsSize":57630,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-patterns-index-mdx":{"name":"component---src-docs-patterns-index-mdx","assets":[{"name":"styles.a50aec1122c07dc2e3d5.css","size":25519},{"name":"component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js","size":2106}],"filteredAssets":0,"assetsSize":27625,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148}},"assetsByChunkName":{"app":["webpack-runtime-53e01c8222f45a51b79e.js","styles.a50aec1122c07dc2e3d5.css","framework-20ddb07d8236efd3655a.js","76893e13-a7ee7b536f778b70f0eb.js","a3186c56-e5981ae53d241981b383.js","a5a4fd71-374a531367b38d02596b.js","bac1b955-7e2fdc084ff4cd0a34ff.js","280c14b7-368c63f72c9731872985.js","app-1ced69e513f1a69c5827.js"],"component---src-docs-404-mdx":["component---src-docs-404-mdx-63b1db6da09517d6ee25.js"],"component---src-docs-about-accessibility-hds-accessibility-mdx":["component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js"],"component---src-docs-about-accessibility-statement-mdx":["component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js"],"component---src-docs-about-index-mdx":["component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js"],"component---src-docs-about-resources-mdx":["component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js"],"component---src-docs-about-this-is-hds-index-jsx":["styles.a50aec1122c07dc2e3d5.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","b192c7df83cc63c115c47db8cdb288825a93073a-6da300da11d22250dc32.js","component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js"],"component---src-docs-components-accordion-accessibility-mdx":["styles.a50aec1122c07dc2e3d5.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js"],"component---src-docs-components-accordion-code-mdx":["styles.a50aec1122c07dc2e3d5.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","e707eaefab13b3b4d5014070189aee2807fbcfff-e651e6c3830d9fe9d08b.js","4d739130fd770bad238e467e54f6980d0e7e343b-51079adcf4c0dba30f04.js","component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js"],"component---src-docs-components-accordion-customisation-mdx":["styles.a50aec1122c07dc2e3d5.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js"],"component---src-docs-components-accordion-index-mdx":["styles.a50aec1122c07dc2e3d5.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","e707eaefab13b3b4d5014070189aee2807fbcfff-e651e6c3830d9fe9d08b.js","4d739130fd770bad238e467e54f6980d0e7e343b-51079adcf4c0dba30f04.js","component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js"],"component---src-docs-components-accordion-tabs-mdx":["styles.a50aec1122c07dc2e3d5.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js"],"component---src-docs-components-breadcrumb-accessibility-mdx":["styles.a50aec1122c07dc2e3d5.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js"],"component---src-docs-components-breadcrumb-code-mdx":["styles.a50aec1122c07dc2e3d5.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js"],"component---src-docs-components-breadcrumb-customisation-mdx":["styles.a50aec1122c07dc2e3d5.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js"],"component---src-docs-components-breadcrumb-index-mdx":["styles.a50aec1122c07dc2e3d5.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js"],"component---src-docs-components-breadcrumb-tabs-mdx":["styles.a50aec1122c07dc2e3d5.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js"],"component---src-docs-components-buttons-accessibility-mdx":["styles.a50aec1122c07dc2e3d5.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js"],"component---src-docs-components-buttons-code-mdx":["styles.a50aec1122c07dc2e3d5.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js"],"component---src-docs-components-buttons-customisation-mdx":["styles.a50aec1122c07dc2e3d5.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js"],"component---src-docs-components-buttons-index-mdx":["styles.a50aec1122c07dc2e3d5.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js"],"component---src-docs-components-buttons-tabs-mdx":["styles.a50aec1122c07dc2e3d5.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js"],"component---src-docs-components-card-accessibility-mdx":["styles.a50aec1122c07dc2e3d5.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js"],"component---src-docs-components-card-code-mdx":["styles.a50aec1122c07dc2e3d5.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js"],"component---src-docs-components-card-customisation-mdx":["styles.a50aec1122c07dc2e3d5.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js"],"component---src-docs-components-card-index-mdx":["styles.a50aec1122c07dc2e3d5.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js"],"component---src-docs-components-card-tabs-mdx":["styles.a50aec1122c07dc2e3d5.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js"],"component---src-docs-components-checkbox-accessibility-mdx":["styles.a50aec1122c07dc2e3d5.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js"],"component---src-docs-components-checkbox-code-mdx":["styles.a50aec1122c07dc2e3d5.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js"],"component---src-docs-components-checkbox-customisation-mdx":["styles.a50aec1122c07dc2e3d5.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js"],"component---src-docs-components-checkbox-index-mdx":["styles.a50aec1122c07dc2e3d5.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js"],"component---src-docs-components-checkbox-tabs-mdx":["styles.a50aec1122c07dc2e3d5.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js"],"component---src-docs-components-cookie-consent-accessibility-mdx":["styles.a50aec1122c07dc2e3d5.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js"],"component---src-docs-components-cookie-consent-api-mdx":["styles.a50aec1122c07dc2e3d5.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js"],"component---src-docs-components-cookie-consent-code-mdx":["styles.a50aec1122c07dc2e3d5.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js"],"component---src-docs-components-cookie-consent-index-mdx":["styles.a50aec1122c07dc2e3d5.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js"],"component---src-docs-components-cookie-consent-tabs-mdx":["styles.a50aec1122c07dc2e3d5.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js"],"component---src-docs-components-date-input-accessibility-mdx":["styles.a50aec1122c07dc2e3d5.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js"],"component---src-docs-components-date-input-code-mdx":["styles.a50aec1122c07dc2e3d5.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","356531f7063d2100c0c6e9a87bebe70e63bae57b-f0e130f710b802933023.js","a6124848a5db131eccb4ec393ee53fdeae3e7c43-5dcd444242d70a36bfeb.js","component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js"],"component---src-docs-components-date-input-index-mdx":["styles.a50aec1122c07dc2e3d5.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","356531f7063d2100c0c6e9a87bebe70e63bae57b-f0e130f710b802933023.js","a6124848a5db131eccb4ec393ee53fdeae3e7c43-5dcd444242d70a36bfeb.js","component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js"],"component---src-docs-components-date-input-tabs-mdx":["styles.a50aec1122c07dc2e3d5.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js"],"component---src-docs-components-dialog-accessibility-mdx":["styles.a50aec1122c07dc2e3d5.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js"],"component---src-docs-components-dialog-code-mdx":["styles.a50aec1122c07dc2e3d5.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","356531f7063d2100c0c6e9a87bebe70e63bae57b-f0e130f710b802933023.js","component---src-docs-components-dialog-code-mdx-884262630b735438b529.js"],"component---src-docs-components-dialog-customisation-mdx":["styles.a50aec1122c07dc2e3d5.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js"],"component---src-docs-components-dialog-index-mdx":["styles.a50aec1122c07dc2e3d5.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js"],"component---src-docs-components-dialog-tabs-mdx":["styles.a50aec1122c07dc2e3d5.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js"],"component---src-docs-components-dropdown-accessibility-mdx":["styles.a50aec1122c07dc2e3d5.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js"],"component---src-docs-components-dropdown-code-mdx":["styles.a50aec1122c07dc2e3d5.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","e707eaefab13b3b4d5014070189aee2807fbcfff-e651e6c3830d9fe9d08b.js","4d739130fd770bad238e467e54f6980d0e7e343b-51079adcf4c0dba30f04.js","365f5350290ffe2f11a1902290de23beed7d24c4-803088bd44b7a3978b14.js","component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js"],"component---src-docs-components-dropdown-customisation-mdx":["styles.a50aec1122c07dc2e3d5.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","e707eaefab13b3b4d5014070189aee2807fbcfff-e651e6c3830d9fe9d08b.js","4d739130fd770bad238e467e54f6980d0e7e343b-51079adcf4c0dba30f04.js","component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js"],"component---src-docs-components-dropdown-index-mdx":["styles.a50aec1122c07dc2e3d5.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","e707eaefab13b3b4d5014070189aee2807fbcfff-e651e6c3830d9fe9d08b.js","4d739130fd770bad238e467e54f6980d0e7e343b-51079adcf4c0dba30f04.js","365f5350290ffe2f11a1902290de23beed7d24c4-803088bd44b7a3978b14.js","component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js"],"component---src-docs-components-dropdown-tabs-mdx":["styles.a50aec1122c07dc2e3d5.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js"],"component---src-docs-components-fieldset-accessibility-mdx":["styles.a50aec1122c07dc2e3d5.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js"],"component---src-docs-components-fieldset-code-mdx":["styles.a50aec1122c07dc2e3d5.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","356531f7063d2100c0c6e9a87bebe70e63bae57b-f0e130f710b802933023.js","component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js"],"component---src-docs-components-fieldset-index-mdx":["styles.a50aec1122c07dc2e3d5.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","356531f7063d2100c0c6e9a87bebe70e63bae57b-f0e130f710b802933023.js","component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js"],"component---src-docs-components-fieldset-tabs-mdx":["styles.a50aec1122c07dc2e3d5.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js"],"component---src-docs-components-file-input-accessibility-mdx":["styles.a50aec1122c07dc2e3d5.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js"],"component---src-docs-components-file-input-code-mdx":["styles.a50aec1122c07dc2e3d5.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","356531f7063d2100c0c6e9a87bebe70e63bae57b-f0e130f710b802933023.js","component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js"],"component---src-docs-components-file-input-index-mdx":["styles.a50aec1122c07dc2e3d5.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","356531f7063d2100c0c6e9a87bebe70e63bae57b-f0e130f710b802933023.js","component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js"],"component---src-docs-components-file-input-security-mdx":["styles.a50aec1122c07dc2e3d5.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js"],"component---src-docs-components-file-input-tabs-mdx":["styles.a50aec1122c07dc2e3d5.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js"],"component---src-docs-components-footer-accessibility-mdx":["styles.a50aec1122c07dc2e3d5.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js"],"component---src-docs-components-footer-code-mdx":["styles.a50aec1122c07dc2e3d5.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js"],"component---src-docs-components-footer-customisation-mdx":["styles.a50aec1122c07dc2e3d5.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js"],"component---src-docs-components-footer-index-mdx":["styles.a50aec1122c07dc2e3d5.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js"],"component---src-docs-components-footer-tabs-mdx":["styles.a50aec1122c07dc2e3d5.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js"],"component---src-docs-components-header-accessibility-mdx":["styles.a50aec1122c07dc2e3d5.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js"],"component---src-docs-components-header-code-mdx":["styles.a50aec1122c07dc2e3d5.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","e707eaefab13b3b4d5014070189aee2807fbcfff-e651e6c3830d9fe9d08b.js","5d8985734a6b854ebaa8311dc36cfa59aa67534f-269d73b10db2e616ddf1.js","component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js"],"component---src-docs-components-header-index-mdx":["styles.a50aec1122c07dc2e3d5.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","e707eaefab13b3b4d5014070189aee2807fbcfff-e651e6c3830d9fe9d08b.js","5d8985734a6b854ebaa8311dc36cfa59aa67534f-269d73b10db2e616ddf1.js","component---src-docs-components-header-index-mdx-4bd9f9c168d9122e7b30.js"],"component---src-docs-components-header-tabs-mdx":["styles.a50aec1122c07dc2e3d5.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js"],"component---src-docs-components-hero-accessibility-mdx":["styles.a50aec1122c07dc2e3d5.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js"],"component---src-docs-components-hero-code-mdx":["styles.a50aec1122c07dc2e3d5.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js"],"component---src-docs-components-hero-customisation-mdx":["styles.a50aec1122c07dc2e3d5.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js"],"component---src-docs-components-hero-index-mdx":["styles.a50aec1122c07dc2e3d5.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js"],"component---src-docs-components-hero-tabs-mdx":["styles.a50aec1122c07dc2e3d5.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js"],"component---src-docs-components-highlight-accessibility-mdx":["styles.a50aec1122c07dc2e3d5.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js"],"component---src-docs-components-highlight-code-mdx":["styles.a50aec1122c07dc2e3d5.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js"],"component---src-docs-components-highlight-customisation-mdx":["styles.a50aec1122c07dc2e3d5.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js"],"component---src-docs-components-highlight-index-mdx":["styles.a50aec1122c07dc2e3d5.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js"],"component---src-docs-components-highlight-tabs-mdx":["styles.a50aec1122c07dc2e3d5.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js"],"component---src-docs-components-icon-accessibility-mdx":["styles.a50aec1122c07dc2e3d5.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js"],"component---src-docs-components-icon-code-mdx":["styles.a50aec1122c07dc2e3d5.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js"],"component---src-docs-components-icon-customisation-mdx":["styles.a50aec1122c07dc2e3d5.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js"],"component---src-docs-components-icon-index-mdx":["styles.a50aec1122c07dc2e3d5.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js"],"component---src-docs-components-icon-tabs-mdx":["styles.a50aec1122c07dc2e3d5.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js"],"component---src-docs-components-index-mdx":["styles.a50aec1122c07dc2e3d5.css","component---src-docs-components-index-mdx-be940051984a8a428b1c.js"],"component---src-docs-components-koros-accessibility-mdx":["styles.a50aec1122c07dc2e3d5.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js"],"component---src-docs-components-koros-code-mdx":["styles.a50aec1122c07dc2e3d5.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js"],"component---src-docs-components-koros-customisation-mdx":["styles.a50aec1122c07dc2e3d5.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js"],"component---src-docs-components-koros-index-mdx":["styles.a50aec1122c07dc2e3d5.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js"],"component---src-docs-components-koros-tabs-mdx":["styles.a50aec1122c07dc2e3d5.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js"],"component---src-docs-components-link-accessibility-mdx":["styles.a50aec1122c07dc2e3d5.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js"],"component---src-docs-components-link-code-mdx":["styles.a50aec1122c07dc2e3d5.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js"],"component---src-docs-components-link-index-mdx":["styles.a50aec1122c07dc2e3d5.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js"],"component---src-docs-components-link-tabs-mdx":["styles.a50aec1122c07dc2e3d5.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js"],"component---src-docs-components-linkbox-accessibility-mdx":["styles.a50aec1122c07dc2e3d5.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js"],"component---src-docs-components-linkbox-code-mdx":["styles.a50aec1122c07dc2e3d5.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js"],"component---src-docs-components-linkbox-index-mdx":["styles.a50aec1122c07dc2e3d5.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js"],"component---src-docs-components-linkbox-tabs-mdx":["styles.a50aec1122c07dc2e3d5.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js"],"component---src-docs-components-loading-spinner-accessibility-mdx":["styles.a50aec1122c07dc2e3d5.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js"],"component---src-docs-components-loading-spinner-code-mdx":["styles.a50aec1122c07dc2e3d5.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js"],"component---src-docs-components-loading-spinner-customisation-mdx":["styles.a50aec1122c07dc2e3d5.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js"],"component---src-docs-components-loading-spinner-index-mdx":["styles.a50aec1122c07dc2e3d5.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js"],"component---src-docs-components-loading-spinner-tabs-mdx":["styles.a50aec1122c07dc2e3d5.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js"],"component---src-docs-components-logo-accessibility-mdx":["styles.a50aec1122c07dc2e3d5.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js"],"component---src-docs-components-logo-code-mdx":["styles.a50aec1122c07dc2e3d5.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js"],"component---src-docs-components-logo-customisation-mdx":["styles.a50aec1122c07dc2e3d5.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js"],"component---src-docs-components-logo-index-mdx":["styles.a50aec1122c07dc2e3d5.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js"],"component---src-docs-components-logo-tabs-mdx":["styles.a50aec1122c07dc2e3d5.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js"],"component---src-docs-components-navigation-accessibility-mdx":["styles.a50aec1122c07dc2e3d5.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js"],"component---src-docs-components-navigation-code-mdx":["styles.a50aec1122c07dc2e3d5.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js"],"component---src-docs-components-navigation-customisation-mdx":["styles.a50aec1122c07dc2e3d5.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js"],"component---src-docs-components-navigation-index-mdx":["styles.a50aec1122c07dc2e3d5.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js"],"component---src-docs-components-navigation-tabs-mdx":["styles.a50aec1122c07dc2e3d5.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js"],"component---src-docs-components-notification-accessibility-mdx":["styles.a50aec1122c07dc2e3d5.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js"],"component---src-docs-components-notification-code-mdx":["styles.a50aec1122c07dc2e3d5.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js"],"component---src-docs-components-notification-index-mdx":["styles.a50aec1122c07dc2e3d5.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js"],"component---src-docs-components-notification-tabs-mdx":["styles.a50aec1122c07dc2e3d5.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js"],"component---src-docs-components-number-input-accessibility-mdx":["styles.a50aec1122c07dc2e3d5.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js"],"component---src-docs-components-number-input-code-mdx":["styles.a50aec1122c07dc2e3d5.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","356531f7063d2100c0c6e9a87bebe70e63bae57b-f0e130f710b802933023.js","component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js"],"component---src-docs-components-number-input-index-mdx":["styles.a50aec1122c07dc2e3d5.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","356531f7063d2100c0c6e9a87bebe70e63bae57b-f0e130f710b802933023.js","component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js"],"component---src-docs-components-number-input-tabs-mdx":["styles.a50aec1122c07dc2e3d5.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js"],"component---src-docs-components-pagination-accessibility-mdx":["styles.a50aec1122c07dc2e3d5.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js"],"component---src-docs-components-pagination-code-mdx":["styles.a50aec1122c07dc2e3d5.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","cad73618753cbcba4fffc4995fc64d64bf78d438-571485a213988a2150e9.js","component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js"],"component---src-docs-components-pagination-customisation-mdx":["styles.a50aec1122c07dc2e3d5.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","cad73618753cbcba4fffc4995fc64d64bf78d438-571485a213988a2150e9.js","component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js"],"component---src-docs-components-pagination-index-mdx":["styles.a50aec1122c07dc2e3d5.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","cad73618753cbcba4fffc4995fc64d64bf78d438-571485a213988a2150e9.js","component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js"],"component---src-docs-components-pagination-tabs-mdx":["styles.a50aec1122c07dc2e3d5.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js"],"component---src-docs-components-password-input-accessibility-mdx":["styles.a50aec1122c07dc2e3d5.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js"],"component---src-docs-components-password-input-code-mdx":["styles.a50aec1122c07dc2e3d5.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","356531f7063d2100c0c6e9a87bebe70e63bae57b-f0e130f710b802933023.js","component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js"],"component---src-docs-components-password-input-index-mdx":["styles.a50aec1122c07dc2e3d5.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","356531f7063d2100c0c6e9a87bebe70e63bae57b-f0e130f710b802933023.js","component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js"],"component---src-docs-components-password-input-security-mdx":["styles.a50aec1122c07dc2e3d5.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js"],"component---src-docs-components-password-input-tabs-mdx":["styles.a50aec1122c07dc2e3d5.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js"],"component---src-docs-components-phone-input-accessibility-mdx":["styles.a50aec1122c07dc2e3d5.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js"],"component---src-docs-components-phone-input-code-mdx":["styles.a50aec1122c07dc2e3d5.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","356531f7063d2100c0c6e9a87bebe70e63bae57b-f0e130f710b802933023.js","e707eaefab13b3b4d5014070189aee2807fbcfff-e651e6c3830d9fe9d08b.js","4d739130fd770bad238e467e54f6980d0e7e343b-51079adcf4c0dba30f04.js","365f5350290ffe2f11a1902290de23beed7d24c4-803088bd44b7a3978b14.js","component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js"],"component---src-docs-components-phone-input-index-mdx":["styles.a50aec1122c07dc2e3d5.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","356531f7063d2100c0c6e9a87bebe70e63bae57b-f0e130f710b802933023.js","e707eaefab13b3b4d5014070189aee2807fbcfff-e651e6c3830d9fe9d08b.js","4d739130fd770bad238e467e54f6980d0e7e343b-51079adcf4c0dba30f04.js","365f5350290ffe2f11a1902290de23beed7d24c4-803088bd44b7a3978b14.js","component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js"],"component---src-docs-components-phone-input-tabs-mdx":["styles.a50aec1122c07dc2e3d5.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js"],"component---src-docs-components-radio-button-accessibility-mdx":["styles.a50aec1122c07dc2e3d5.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js"],"component---src-docs-components-radio-button-code-mdx":["styles.a50aec1122c07dc2e3d5.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js"],"component---src-docs-components-radio-button-customisation-mdx":["styles.a50aec1122c07dc2e3d5.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js"],"component---src-docs-components-radio-button-index-mdx":["styles.a50aec1122c07dc2e3d5.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js"],"component---src-docs-components-radio-button-tabs-mdx":["styles.a50aec1122c07dc2e3d5.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js"],"component---src-docs-components-search-input-accessibility-mdx":["styles.a50aec1122c07dc2e3d5.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js"],"component---src-docs-components-search-input-code-mdx":["styles.a50aec1122c07dc2e3d5.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","e707eaefab13b3b4d5014070189aee2807fbcfff-e651e6c3830d9fe9d08b.js","component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js"],"component---src-docs-components-search-input-index-mdx":["styles.a50aec1122c07dc2e3d5.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","e707eaefab13b3b4d5014070189aee2807fbcfff-e651e6c3830d9fe9d08b.js","component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js"],"component---src-docs-components-search-input-tabs-mdx":["styles.a50aec1122c07dc2e3d5.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js"],"component---src-docs-components-selection-group-accessibility-mdx":["styles.a50aec1122c07dc2e3d5.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js"],"component---src-docs-components-selection-group-code-mdx":["styles.a50aec1122c07dc2e3d5.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js"],"component---src-docs-components-selection-group-index-mdx":["styles.a50aec1122c07dc2e3d5.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js"],"component---src-docs-components-selection-group-tabs-mdx":["styles.a50aec1122c07dc2e3d5.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js"],"component---src-docs-components-side-navigation-accessibility-mdx":["styles.a50aec1122c07dc2e3d5.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js"],"component---src-docs-components-side-navigation-code-mdx":["styles.a50aec1122c07dc2e3d5.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js"],"component---src-docs-components-side-navigation-customisation-mdx":["styles.a50aec1122c07dc2e3d5.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js"],"component---src-docs-components-side-navigation-index-mdx":["styles.a50aec1122c07dc2e3d5.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js"],"component---src-docs-components-side-navigation-tabs-mdx":["styles.a50aec1122c07dc2e3d5.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js"],"component---src-docs-components-status-label-accessibility-mdx":["styles.a50aec1122c07dc2e3d5.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js"],"component---src-docs-components-status-label-code-mdx":["styles.a50aec1122c07dc2e3d5.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js"],"component---src-docs-components-status-label-index-mdx":["styles.a50aec1122c07dc2e3d5.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js"],"component---src-docs-components-status-label-tabs-mdx":["styles.a50aec1122c07dc2e3d5.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js"],"component---src-docs-components-step-by-step-accessibility-mdx":["styles.a50aec1122c07dc2e3d5.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js"],"component---src-docs-components-step-by-step-code-mdx":["styles.a50aec1122c07dc2e3d5.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js"],"component---src-docs-components-step-by-step-index-mdx":["styles.a50aec1122c07dc2e3d5.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js"],"component---src-docs-components-step-by-step-tabs-mdx":["styles.a50aec1122c07dc2e3d5.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js"],"component---src-docs-components-stepper-accessibility-mdx":["styles.a50aec1122c07dc2e3d5.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js"],"component---src-docs-components-stepper-code-mdx":["styles.a50aec1122c07dc2e3d5.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js"],"component---src-docs-components-stepper-customisation-mdx":["styles.a50aec1122c07dc2e3d5.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js"],"component---src-docs-components-stepper-index-mdx":["styles.a50aec1122c07dc2e3d5.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js"],"component---src-docs-components-stepper-tabs-mdx":["styles.a50aec1122c07dc2e3d5.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js"],"component---src-docs-components-table-accessibility-mdx":["styles.a50aec1122c07dc2e3d5.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js"],"component---src-docs-components-table-code-mdx":["styles.a50aec1122c07dc2e3d5.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","b192c7df83cc63c115c47db8cdb288825a93073a-6da300da11d22250dc32.js","component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js"],"component---src-docs-components-table-customisation-mdx":["styles.a50aec1122c07dc2e3d5.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","b192c7df83cc63c115c47db8cdb288825a93073a-6da300da11d22250dc32.js","component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js"],"component---src-docs-components-table-index-mdx":["styles.a50aec1122c07dc2e3d5.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","b192c7df83cc63c115c47db8cdb288825a93073a-6da300da11d22250dc32.js","component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js"],"component---src-docs-components-table-tabs-mdx":["styles.a50aec1122c07dc2e3d5.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js"],"component---src-docs-components-tabs-accessibility-mdx":["styles.a50aec1122c07dc2e3d5.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js"],"component---src-docs-components-tabs-code-mdx":["styles.a50aec1122c07dc2e3d5.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js"],"component---src-docs-components-tabs-customisation-mdx":["styles.a50aec1122c07dc2e3d5.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js"],"component---src-docs-components-tabs-index-mdx":["styles.a50aec1122c07dc2e3d5.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js"],"component---src-docs-components-tabs-tabs-mdx":["styles.a50aec1122c07dc2e3d5.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js"],"component---src-docs-components-tag-accessibility-mdx":["styles.a50aec1122c07dc2e3d5.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js"],"component---src-docs-components-tag-code-mdx":["styles.a50aec1122c07dc2e3d5.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js"],"component---src-docs-components-tag-customisation-mdx":["styles.a50aec1122c07dc2e3d5.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js"],"component---src-docs-components-tag-index-mdx":["styles.a50aec1122c07dc2e3d5.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js"],"component---src-docs-components-tag-tabs-mdx":["styles.a50aec1122c07dc2e3d5.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js"],"component---src-docs-components-text-area-accessibility-mdx":["styles.a50aec1122c07dc2e3d5.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js"],"component---src-docs-components-text-area-code-mdx":["styles.a50aec1122c07dc2e3d5.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","356531f7063d2100c0c6e9a87bebe70e63bae57b-f0e130f710b802933023.js","component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js"],"component---src-docs-components-text-area-index-mdx":["styles.a50aec1122c07dc2e3d5.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","356531f7063d2100c0c6e9a87bebe70e63bae57b-f0e130f710b802933023.js","component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js"],"component---src-docs-components-text-area-tabs-mdx":["styles.a50aec1122c07dc2e3d5.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js"],"component---src-docs-components-text-input-accessibility-mdx":["styles.a50aec1122c07dc2e3d5.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js"],"component---src-docs-components-text-input-code-mdx":["styles.a50aec1122c07dc2e3d5.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","356531f7063d2100c0c6e9a87bebe70e63bae57b-f0e130f710b802933023.js","component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js"],"component---src-docs-components-text-input-index-mdx":["styles.a50aec1122c07dc2e3d5.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","356531f7063d2100c0c6e9a87bebe70e63bae57b-f0e130f710b802933023.js","component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js"],"component---src-docs-components-text-input-tabs-mdx":["styles.a50aec1122c07dc2e3d5.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js"],"component---src-docs-components-time-input-accessibility-mdx":["styles.a50aec1122c07dc2e3d5.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js"],"component---src-docs-components-time-input-code-mdx":["styles.a50aec1122c07dc2e3d5.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","356531f7063d2100c0c6e9a87bebe70e63bae57b-f0e130f710b802933023.js","e707eaefab13b3b4d5014070189aee2807fbcfff-e651e6c3830d9fe9d08b.js","4d739130fd770bad238e467e54f6980d0e7e343b-51079adcf4c0dba30f04.js","component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js"],"component---src-docs-components-time-input-index-mdx":["styles.a50aec1122c07dc2e3d5.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","356531f7063d2100c0c6e9a87bebe70e63bae57b-f0e130f710b802933023.js","e707eaefab13b3b4d5014070189aee2807fbcfff-e651e6c3830d9fe9d08b.js","4d739130fd770bad238e467e54f6980d0e7e343b-51079adcf4c0dba30f04.js","component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js"],"component---src-docs-components-time-input-tabs-mdx":["styles.a50aec1122c07dc2e3d5.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js"],"component---src-docs-components-toggle-button-accessibility-mdx":["styles.a50aec1122c07dc2e3d5.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js"],"component---src-docs-components-toggle-button-code-mdx":["styles.a50aec1122c07dc2e3d5.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js"],"component---src-docs-components-toggle-button-customisation-mdx":["styles.a50aec1122c07dc2e3d5.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js"],"component---src-docs-components-toggle-button-index-mdx":["styles.a50aec1122c07dc2e3d5.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js"],"component---src-docs-components-toggle-button-tabs-mdx":["styles.a50aec1122c07dc2e3d5.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js"],"component---src-docs-components-tooltip-accessibility-mdx":["styles.a50aec1122c07dc2e3d5.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js"],"component---src-docs-components-tooltip-code-mdx":["styles.a50aec1122c07dc2e3d5.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js"],"component---src-docs-components-tooltip-index-mdx":["styles.a50aec1122c07dc2e3d5.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js"],"component---src-docs-components-tooltip-tabs-mdx":["styles.a50aec1122c07dc2e3d5.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js"],"component---src-docs-foundation-design-tokens-breakpoints-index-mdx":["styles.a50aec1122c07dc2e3d5.css","component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js"],"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx":["styles.a50aec1122c07dc2e3d5.css","component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js"],"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx":["styles.a50aec1122c07dc2e3d5.css","component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js"],"component---src-docs-foundation-design-tokens-colour-accessibility-mdx":["styles.a50aec1122c07dc2e3d5.css","component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js"],"component---src-docs-foundation-design-tokens-colour-index-mdx":["styles.a50aec1122c07dc2e3d5.css","component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js"],"component---src-docs-foundation-design-tokens-colour-tabs-mdx":["styles.a50aec1122c07dc2e3d5.css","component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js"],"component---src-docs-foundation-design-tokens-colour-tokens-mdx":["styles.a50aec1122c07dc2e3d5.css","component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js"],"component---src-docs-foundation-design-tokens-spacing-index-mdx":["styles.a50aec1122c07dc2e3d5.css","component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js"],"component---src-docs-foundation-design-tokens-spacing-tabs-mdx":["styles.a50aec1122c07dc2e3d5.css","component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js"],"component---src-docs-foundation-design-tokens-spacing-tokens-mdx":["styles.a50aec1122c07dc2e3d5.css","component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js"],"component---src-docs-foundation-design-tokens-typography-index-mdx":["styles.a50aec1122c07dc2e3d5.css","component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js"],"component---src-docs-foundation-design-tokens-typography-tabs-mdx":["styles.a50aec1122c07dc2e3d5.css","component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js"],"component---src-docs-foundation-design-tokens-typography-tokens-mdx":["styles.a50aec1122c07dc2e3d5.css","component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js"],"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx":["779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js"],"component---src-docs-foundation-guidelines-data-formats-mdx":["component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js"],"component---src-docs-foundation-guidelines-grid-mdx":["styles.a50aec1122c07dc2e3d5.css","component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js"],"component---src-docs-foundation-guidelines-inclusivity-mdx":["component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js"],"component---src-docs-foundation-guidelines-localisation-mdx":["component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js"],"component---src-docs-foundation-guidelines-photography-mdx":["component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js"],"component---src-docs-foundation-guidelines-server-side-rendering-mdx":["component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js"],"component---src-docs-foundation-index-mdx":["styles.a50aec1122c07dc2e3d5.css","component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js"],"component---src-docs-foundation-visual-assets-favicon-mdx":["component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js"],"component---src-docs-foundation-visual-assets-icons-index-mdx":["styles.a50aec1122c07dc2e3d5.css","component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js"],"component---src-docs-foundation-visual-assets-icons-list-mdx":["styles.a50aec1122c07dc2e3d5.css","b123bb55-bfd26b4839350c06496e.js","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","356531f7063d2100c0c6e9a87bebe70e63bae57b-f0e130f710b802933023.js","e707eaefab13b3b4d5014070189aee2807fbcfff-e651e6c3830d9fe9d08b.js","4d739130fd770bad238e467e54f6980d0e7e343b-51079adcf4c0dba30f04.js","b192c7df83cc63c115c47db8cdb288825a93073a-6da300da11d22250dc32.js","365f5350290ffe2f11a1902290de23beed7d24c4-803088bd44b7a3978b14.js","cad73618753cbcba4fffc4995fc64d64bf78d438-571485a213988a2150e9.js","5d8985734a6b854ebaa8311dc36cfa59aa67534f-269d73b10db2e616ddf1.js","a6124848a5db131eccb4ec393ee53fdeae3e7c43-5dcd444242d70a36bfeb.js","component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js"],"component---src-docs-foundation-visual-assets-icons-tabs-mdx":["styles.a50aec1122c07dc2e3d5.css","component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js"],"component---src-docs-foundation-visual-assets-logo-mdx":["styles.a50aec1122c07dc2e3d5.css","component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js"],"component---src-docs-foundation-visual-assets-placeholders-mdx":["styles.a50aec1122c07dc2e3d5.css","component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js"],"component---src-docs-foundation-visual-assets-wave-motifs-mdx":["styles.a50aec1122c07dc2e3d5.css","component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js"],"component---src-docs-getting-started-contributing-design-mdx":["styles.a50aec1122c07dc2e3d5.css","component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js"],"component---src-docs-getting-started-contributing-documentation-mdx":["component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js"],"component---src-docs-getting-started-contributing-how-to-contribute-mdx":["styles.a50aec1122c07dc2e3d5.css","component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js"],"component---src-docs-getting-started-contributing-icons-mdx":["styles.a50aec1122c07dc2e3d5.css","component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js"],"component---src-docs-getting-started-contributing-implementation-mdx":["component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js"],"component---src-docs-getting-started-designer-mdx":["component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js"],"component---src-docs-getting-started-developer-mdx":["component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js"],"component---src-docs-getting-started-faq-accessibility-mdx":["styles.a50aec1122c07dc2e3d5.css","component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js"],"component---src-docs-getting-started-faq-code-mdx":["styles.a50aec1122c07dc2e3d5.css","component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js"],"component---src-docs-getting-started-faq-design-mdx":["styles.a50aec1122c07dc2e3d5.css","component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js"],"component---src-docs-getting-started-faq-index-mdx":["styles.a50aec1122c07dc2e3d5.css","component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js"],"component---src-docs-getting-started-faq-tabs-mdx":["styles.a50aec1122c07dc2e3d5.css","component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js"],"component---src-docs-getting-started-index-mdx":["styles.a50aec1122c07dc2e3d5.css","component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js"],"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx":["styles.a50aec1122c07dc2e3d5.css","component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js"],"component---src-docs-getting-started-versioning-mdx":["component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js"],"component---src-docs-index-mdx":["styles.a50aec1122c07dc2e3d5.css","component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js"],"component---src-docs-patterns-cookies-basics-mdx":["styles.a50aec1122c07dc2e3d5.css","component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js"],"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx":["component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js"],"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx":["styles.a50aec1122c07dc2e3d5.css","component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js"],"component---src-docs-patterns-forms-form-building-mdx":["styles.a50aec1122c07dc2e3d5.css","component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js"],"component---src-docs-patterns-forms-form-multi-page-mdx":["styles.a50aec1122c07dc2e3d5.css","component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js"],"component---src-docs-patterns-forms-form-validation-mdx":["styles.a50aec1122c07dc2e3d5.css","component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js"],"component---src-docs-patterns-index-mdx":["styles.a50aec1122c07dc2e3d5.css","component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js"]},"childAssetsByChunkName":{}}
\ No newline at end of file
+{"name":"build-javascript","namedChunkGroups":{"app":{"name":"app","assets":[{"name":"webpack-runtime-dbb82ea5c34fcc1c205b.js","size":27286},{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"framework-20ddb07d8236efd3655a.js","size":140716},{"name":"76893e13-a7ee7b536f778b70f0eb.js","size":98551},{"name":"a3186c56-e5981ae53d241981b383.js","size":156670},{"name":"a5a4fd71-374a531367b38d02596b.js","size":179952},{"name":"bac1b955-7e2fdc084ff4cd0a34ff.js","size":169750},{"name":"280c14b7-368c63f72c9731872985.js","size":110907},{"name":"app-1ced69e513f1a69c5827.js","size":1567584}],"filteredAssets":0,"assetsSize":2477219,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-404-mdx":{"name":"component---src-docs-404-mdx","assets":[{"name":"component---src-docs-404-mdx-63b1db6da09517d6ee25.js","size":911}],"filteredAssets":0,"assetsSize":911,"filteredAuxiliaryAssets":0,"auxiliaryAssetsSize":0},"component---src-docs-about-accessibility-hds-accessibility-mdx":{"name":"component---src-docs-about-accessibility-hds-accessibility-mdx","assets":[{"name":"component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js","size":10953}],"filteredAssets":0,"assetsSize":10953,"filteredAuxiliaryAssets":0,"auxiliaryAssetsSize":0},"component---src-docs-about-accessibility-statement-mdx":{"name":"component---src-docs-about-accessibility-statement-mdx","assets":[{"name":"component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js","size":9272}],"filteredAssets":0,"assetsSize":9272,"filteredAuxiliaryAssets":0,"auxiliaryAssetsSize":0},"component---src-docs-about-index-mdx":{"name":"component---src-docs-about-index-mdx","assets":[{"name":"component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js","size":5928}],"filteredAssets":0,"assetsSize":5928,"filteredAuxiliaryAssets":0,"auxiliaryAssetsSize":0},"component---src-docs-about-resources-mdx":{"name":"component---src-docs-about-resources-mdx","assets":[{"name":"component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js","size":5549}],"filteredAssets":0,"assetsSize":5549,"filteredAuxiliaryAssets":0,"auxiliaryAssetsSize":0},"component---src-docs-about-this-is-hds-index-jsx":{"name":"component---src-docs-about-this-is-hds-index-jsx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"b192c7df83cc63c115c47db8cdb288825a93073a-6da300da11d22250dc32.js","size":31482},{"name":"component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js","size":34441}],"filteredAssets":0,"assetsSize":117966,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-accordion-accessibility-mdx":{"name":"component---src-docs-components-accordion-accessibility-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js","size":8517}],"filteredAssets":0,"assetsSize":60560,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-accordion-code-mdx":{"name":"component---src-docs-components-accordion-code-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"e707eaefab13b3b4d5014070189aee2807fbcfff-e651e6c3830d9fe9d08b.js","size":64950},{"name":"4d739130fd770bad238e467e54f6980d0e7e343b-51079adcf4c0dba30f04.js","size":31086},{"name":"component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js","size":50099}],"filteredAssets":0,"assetsSize":198178,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-accordion-customisation-mdx":{"name":"component---src-docs-components-accordion-customisation-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js","size":30122}],"filteredAssets":0,"assetsSize":82165,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-accordion-index-mdx":{"name":"component---src-docs-components-accordion-index-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"e707eaefab13b3b4d5014070189aee2807fbcfff-e651e6c3830d9fe9d08b.js","size":64950},{"name":"4d739130fd770bad238e467e54f6980d0e7e343b-51079adcf4c0dba30f04.js","size":31086},{"name":"component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js","size":50654}],"filteredAssets":0,"assetsSize":198733,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-accordion-tabs-mdx":{"name":"component---src-docs-components-accordion-tabs-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js","size":6337}],"filteredAssets":0,"assetsSize":58380,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-breadcrumb-accessibility-mdx":{"name":"component---src-docs-components-breadcrumb-accessibility-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js","size":8014}],"filteredAssets":0,"assetsSize":60057,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-breadcrumb-code-mdx":{"name":"component---src-docs-components-breadcrumb-code-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js","size":17996}],"filteredAssets":0,"assetsSize":70039,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-breadcrumb-customisation-mdx":{"name":"component---src-docs-components-breadcrumb-customisation-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js","size":16955}],"filteredAssets":0,"assetsSize":68998,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-breadcrumb-index-mdx":{"name":"component---src-docs-components-breadcrumb-index-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js","size":12952}],"filteredAssets":0,"assetsSize":64995,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-breadcrumb-tabs-mdx":{"name":"component---src-docs-components-breadcrumb-tabs-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js","size":6338}],"filteredAssets":0,"assetsSize":58381,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-buttons-accessibility-mdx":{"name":"component---src-docs-components-buttons-accessibility-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js","size":9463}],"filteredAssets":0,"assetsSize":61506,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-buttons-code-mdx":{"name":"component---src-docs-components-buttons-code-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js","size":22670}],"filteredAssets":0,"assetsSize":74713,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-buttons-customisation-mdx":{"name":"component---src-docs-components-buttons-customisation-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js","size":10464}],"filteredAssets":0,"assetsSize":62507,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-buttons-index-mdx":{"name":"component---src-docs-components-buttons-index-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js","size":17692}],"filteredAssets":0,"assetsSize":69735,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-buttons-tabs-mdx":{"name":"component---src-docs-components-buttons-tabs-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js","size":6325}],"filteredAssets":0,"assetsSize":58368,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-card-accessibility-mdx":{"name":"component---src-docs-components-card-accessibility-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js","size":8420}],"filteredAssets":0,"assetsSize":60463,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-card-code-mdx":{"name":"component---src-docs-components-card-code-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js","size":18446}],"filteredAssets":0,"assetsSize":70489,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-card-customisation-mdx":{"name":"component---src-docs-components-card-customisation-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js","size":13075}],"filteredAssets":0,"assetsSize":65118,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-card-index-mdx":{"name":"component---src-docs-components-card-index-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js","size":16498}],"filteredAssets":0,"assetsSize":68541,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-card-tabs-mdx":{"name":"component---src-docs-components-card-tabs-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js","size":6355}],"filteredAssets":0,"assetsSize":58398,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-checkbox-accessibility-mdx":{"name":"component---src-docs-components-checkbox-accessibility-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js","size":8133}],"filteredAssets":0,"assetsSize":60176,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-checkbox-code-mdx":{"name":"component---src-docs-components-checkbox-code-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js","size":57404}],"filteredAssets":0,"assetsSize":109447,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-checkbox-customisation-mdx":{"name":"component---src-docs-components-checkbox-customisation-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js","size":26199}],"filteredAssets":0,"assetsSize":78242,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-checkbox-index-mdx":{"name":"component---src-docs-components-checkbox-index-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js","size":49595}],"filteredAssets":0,"assetsSize":101638,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-checkbox-tabs-mdx":{"name":"component---src-docs-components-checkbox-tabs-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js","size":6245}],"filteredAssets":0,"assetsSize":58288,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-cookie-consent-accessibility-mdx":{"name":"component---src-docs-components-cookie-consent-accessibility-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js","size":8159}],"filteredAssets":0,"assetsSize":60202,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-cookie-consent-api-mdx":{"name":"component---src-docs-components-cookie-consent-api-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js","size":33566}],"filteredAssets":0,"assetsSize":85609,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-cookie-consent-code-mdx":{"name":"component---src-docs-components-cookie-consent-code-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js","size":14497}],"filteredAssets":0,"assetsSize":66540,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-cookie-consent-index-mdx":{"name":"component---src-docs-components-cookie-consent-index-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js","size":12150}],"filteredAssets":0,"assetsSize":64193,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-cookie-consent-tabs-mdx":{"name":"component---src-docs-components-cookie-consent-tabs-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js","size":6319}],"filteredAssets":0,"assetsSize":58362,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-date-input-accessibility-mdx":{"name":"component---src-docs-components-date-input-accessibility-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js","size":8103}],"filteredAssets":0,"assetsSize":60146,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-date-input-code-mdx":{"name":"component---src-docs-components-date-input-code-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"356531f7063d2100c0c6e9a87bebe70e63bae57b-f0e130f710b802933023.js","size":24992},{"name":"a6124848a5db131eccb4ec393ee53fdeae3e7c43-5dcd444242d70a36bfeb.js","size":76978},{"name":"component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js","size":16583}],"filteredAssets":0,"assetsSize":170596,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-date-input-index-mdx":{"name":"component---src-docs-components-date-input-index-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"356531f7063d2100c0c6e9a87bebe70e63bae57b-f0e130f710b802933023.js","size":24992},{"name":"a6124848a5db131eccb4ec393ee53fdeae3e7c43-5dcd444242d70a36bfeb.js","size":76978},{"name":"component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js","size":12847}],"filteredAssets":0,"assetsSize":166860,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-date-input-tabs-mdx":{"name":"component---src-docs-components-date-input-tabs-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js","size":6255}],"filteredAssets":0,"assetsSize":58298,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-dialog-accessibility-mdx":{"name":"component---src-docs-components-dialog-accessibility-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js","size":8487}],"filteredAssets":0,"assetsSize":60530,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-dialog-code-mdx":{"name":"component---src-docs-components-dialog-code-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"356531f7063d2100c0c6e9a87bebe70e63bae57b-f0e130f710b802933023.js","size":24992},{"name":"component---src-docs-components-dialog-code-mdx-884262630b735438b529.js","size":37577}],"filteredAssets":0,"assetsSize":114612,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-dialog-customisation-mdx":{"name":"component---src-docs-components-dialog-customisation-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js","size":20293}],"filteredAssets":0,"assetsSize":72336,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-dialog-index-mdx":{"name":"component---src-docs-components-dialog-index-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js","size":34476}],"filteredAssets":0,"assetsSize":86519,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-dialog-tabs-mdx":{"name":"component---src-docs-components-dialog-tabs-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js","size":6347}],"filteredAssets":0,"assetsSize":58390,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-dropdown-accessibility-mdx":{"name":"component---src-docs-components-dropdown-accessibility-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js","size":8960}],"filteredAssets":0,"assetsSize":61003,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-dropdown-code-mdx":{"name":"component---src-docs-components-dropdown-code-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"e707eaefab13b3b4d5014070189aee2807fbcfff-e651e6c3830d9fe9d08b.js","size":64950},{"name":"4d739130fd770bad238e467e54f6980d0e7e343b-51079adcf4c0dba30f04.js","size":31086},{"name":"365f5350290ffe2f11a1902290de23beed7d24c4-803088bd44b7a3978b14.js","size":20533},{"name":"component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js","size":29837}],"filteredAssets":0,"assetsSize":198449,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-dropdown-customisation-mdx":{"name":"component---src-docs-components-dropdown-customisation-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"e707eaefab13b3b4d5014070189aee2807fbcfff-e651e6c3830d9fe9d08b.js","size":64950},{"name":"4d739130fd770bad238e467e54f6980d0e7e343b-51079adcf4c0dba30f04.js","size":31086},{"name":"component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js","size":28031}],"filteredAssets":0,"assetsSize":176110,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-dropdown-index-mdx":{"name":"component---src-docs-components-dropdown-index-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"e707eaefab13b3b4d5014070189aee2807fbcfff-e651e6c3830d9fe9d08b.js","size":64950},{"name":"4d739130fd770bad238e467e54f6980d0e7e343b-51079adcf4c0dba30f04.js","size":31086},{"name":"365f5350290ffe2f11a1902290de23beed7d24c4-803088bd44b7a3978b14.js","size":20533},{"name":"component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js","size":27042}],"filteredAssets":0,"assetsSize":195654,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-dropdown-tabs-mdx":{"name":"component---src-docs-components-dropdown-tabs-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js","size":6378}],"filteredAssets":0,"assetsSize":58421,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-fieldset-accessibility-mdx":{"name":"component---src-docs-components-fieldset-accessibility-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js","size":8068}],"filteredAssets":0,"assetsSize":60111,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-fieldset-code-mdx":{"name":"component---src-docs-components-fieldset-code-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"356531f7063d2100c0c6e9a87bebe70e63bae57b-f0e130f710b802933023.js","size":24992},{"name":"component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js","size":23642}],"filteredAssets":0,"assetsSize":100677,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-fieldset-index-mdx":{"name":"component---src-docs-components-fieldset-index-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"356531f7063d2100c0c6e9a87bebe70e63bae57b-f0e130f710b802933023.js","size":24992},{"name":"component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js","size":15918}],"filteredAssets":0,"assetsSize":92953,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-fieldset-tabs-mdx":{"name":"component---src-docs-components-fieldset-tabs-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js","size":6202}],"filteredAssets":0,"assetsSize":58245,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-file-input-accessibility-mdx":{"name":"component---src-docs-components-file-input-accessibility-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js","size":8032}],"filteredAssets":0,"assetsSize":60075,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-file-input-code-mdx":{"name":"component---src-docs-components-file-input-code-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"356531f7063d2100c0c6e9a87bebe70e63bae57b-f0e130f710b802933023.js","size":24992},{"name":"component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js","size":25582}],"filteredAssets":0,"assetsSize":102617,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-file-input-index-mdx":{"name":"component---src-docs-components-file-input-index-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"356531f7063d2100c0c6e9a87bebe70e63bae57b-f0e130f710b802933023.js","size":24992},{"name":"component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js","size":24025}],"filteredAssets":0,"assetsSize":101060,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-file-input-security-mdx":{"name":"component---src-docs-components-file-input-security-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js","size":8727}],"filteredAssets":0,"assetsSize":60770,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-file-input-tabs-mdx":{"name":"component---src-docs-components-file-input-tabs-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js","size":6262}],"filteredAssets":0,"assetsSize":58305,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-footer-accessibility-mdx":{"name":"component---src-docs-components-footer-accessibility-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js","size":8631}],"filteredAssets":0,"assetsSize":60674,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-footer-code-mdx":{"name":"component---src-docs-components-footer-code-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js","size":38916}],"filteredAssets":0,"assetsSize":90959,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-footer-customisation-mdx":{"name":"component---src-docs-components-footer-customisation-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js","size":11716}],"filteredAssets":0,"assetsSize":63759,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-footer-index-mdx":{"name":"component---src-docs-components-footer-index-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js","size":24410}],"filteredAssets":0,"assetsSize":76453,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-footer-tabs-mdx":{"name":"component---src-docs-components-footer-tabs-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js","size":6339}],"filteredAssets":0,"assetsSize":58382,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-header-accessibility-mdx":{"name":"component---src-docs-components-header-accessibility-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js","size":9639}],"filteredAssets":0,"assetsSize":61682,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-header-code-mdx":{"name":"component---src-docs-components-header-code-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"e707eaefab13b3b4d5014070189aee2807fbcfff-e651e6c3830d9fe9d08b.js","size":64950},{"name":"5d8985734a6b854ebaa8311dc36cfa59aa67534f-269d73b10db2e616ddf1.js","size":519182},{"name":"component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js","size":53707}],"filteredAssets":0,"assetsSize":689882,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-header-index-mdx":{"name":"component---src-docs-components-header-index-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"e707eaefab13b3b4d5014070189aee2807fbcfff-e651e6c3830d9fe9d08b.js","size":64950},{"name":"5d8985734a6b854ebaa8311dc36cfa59aa67534f-269d73b10db2e616ddf1.js","size":519182},{"name":"component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js","size":43869}],"filteredAssets":0,"assetsSize":680044,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-header-tabs-mdx":{"name":"component---src-docs-components-header-tabs-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js","size":6597}],"filteredAssets":0,"assetsSize":58640,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-hero-accessibility-mdx":{"name":"component---src-docs-components-hero-accessibility-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js","size":8413}],"filteredAssets":0,"assetsSize":60456,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-hero-code-mdx":{"name":"component---src-docs-components-hero-code-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js","size":30434}],"filteredAssets":0,"assetsSize":82477,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-hero-customisation-mdx":{"name":"component---src-docs-components-hero-customisation-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js","size":28980}],"filteredAssets":0,"assetsSize":81023,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-hero-index-mdx":{"name":"component---src-docs-components-hero-index-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js","size":35137}],"filteredAssets":0,"assetsSize":87180,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-hero-tabs-mdx":{"name":"component---src-docs-components-hero-tabs-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js","size":6433}],"filteredAssets":0,"assetsSize":58476,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-highlight-accessibility-mdx":{"name":"component---src-docs-components-highlight-accessibility-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js","size":7493}],"filteredAssets":0,"assetsSize":59536,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-highlight-code-mdx":{"name":"component---src-docs-components-highlight-code-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js","size":28605}],"filteredAssets":0,"assetsSize":80648,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-highlight-customisation-mdx":{"name":"component---src-docs-components-highlight-customisation-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js","size":10242}],"filteredAssets":0,"assetsSize":62285,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-highlight-index-mdx":{"name":"component---src-docs-components-highlight-index-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js","size":26184}],"filteredAssets":0,"assetsSize":78227,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-highlight-tabs-mdx":{"name":"component---src-docs-components-highlight-tabs-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js","size":6491}],"filteredAssets":0,"assetsSize":58534,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-icon-accessibility-mdx":{"name":"component---src-docs-components-icon-accessibility-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js","size":8714}],"filteredAssets":0,"assetsSize":60757,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-icon-code-mdx":{"name":"component---src-docs-components-icon-code-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js","size":12852}],"filteredAssets":0,"assetsSize":64895,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-icon-customisation-mdx":{"name":"component---src-docs-components-icon-customisation-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js","size":9703}],"filteredAssets":0,"assetsSize":61746,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-icon-index-mdx":{"name":"component---src-docs-components-icon-index-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js","size":11526}],"filteredAssets":0,"assetsSize":63569,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-icon-tabs-mdx":{"name":"component---src-docs-components-icon-tabs-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js","size":6302}],"filteredAssets":0,"assetsSize":58345,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-index-mdx":{"name":"component---src-docs-components-index-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"component---src-docs-components-index-mdx-be940051984a8a428b1c.js","size":25141}],"filteredAssets":0,"assetsSize":50944,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-koros-accessibility-mdx":{"name":"component---src-docs-components-koros-accessibility-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js","size":8201}],"filteredAssets":0,"assetsSize":60244,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-koros-code-mdx":{"name":"component---src-docs-components-koros-code-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js","size":23294}],"filteredAssets":0,"assetsSize":75337,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-koros-customisation-mdx":{"name":"component---src-docs-components-koros-customisation-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js","size":9889}],"filteredAssets":0,"assetsSize":61932,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-koros-index-mdx":{"name":"component---src-docs-components-koros-index-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js","size":14163}],"filteredAssets":0,"assetsSize":66206,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-koros-tabs-mdx":{"name":"component---src-docs-components-koros-tabs-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js","size":6376}],"filteredAssets":0,"assetsSize":58419,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-link-accessibility-mdx":{"name":"component---src-docs-components-link-accessibility-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js","size":11083}],"filteredAssets":0,"assetsSize":63126,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-link-code-mdx":{"name":"component---src-docs-components-link-code-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js","size":22946}],"filteredAssets":0,"assetsSize":74989,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-link-index-mdx":{"name":"component---src-docs-components-link-index-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js","size":17730}],"filteredAssets":0,"assetsSize":69773,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-link-tabs-mdx":{"name":"component---src-docs-components-link-tabs-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js","size":6229}],"filteredAssets":0,"assetsSize":58272,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-linkbox-accessibility-mdx":{"name":"component---src-docs-components-linkbox-accessibility-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js","size":8070}],"filteredAssets":0,"assetsSize":60113,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-linkbox-code-mdx":{"name":"component---src-docs-components-linkbox-code-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js","size":30124}],"filteredAssets":0,"assetsSize":82167,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-linkbox-index-mdx":{"name":"component---src-docs-components-linkbox-index-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js","size":26579}],"filteredAssets":0,"assetsSize":78622,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-linkbox-tabs-mdx":{"name":"component---src-docs-components-linkbox-tabs-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js","size":6325}],"filteredAssets":0,"assetsSize":58368,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-loading-spinner-accessibility-mdx":{"name":"component---src-docs-components-loading-spinner-accessibility-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js","size":9491}],"filteredAssets":0,"assetsSize":61534,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-loading-spinner-code-mdx":{"name":"component---src-docs-components-loading-spinner-code-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js","size":12911}],"filteredAssets":0,"assetsSize":64954,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-loading-spinner-customisation-mdx":{"name":"component---src-docs-components-loading-spinner-customisation-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js","size":10820}],"filteredAssets":0,"assetsSize":62863,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-loading-spinner-index-mdx":{"name":"component---src-docs-components-loading-spinner-index-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js","size":11428}],"filteredAssets":0,"assetsSize":63471,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-loading-spinner-tabs-mdx":{"name":"component---src-docs-components-loading-spinner-tabs-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js","size":6303}],"filteredAssets":0,"assetsSize":58346,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-logo-accessibility-mdx":{"name":"component---src-docs-components-logo-accessibility-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js","size":8705}],"filteredAssets":0,"assetsSize":60748,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-logo-code-mdx":{"name":"component---src-docs-components-logo-code-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js","size":12671}],"filteredAssets":0,"assetsSize":64714,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-logo-customisation-mdx":{"name":"component---src-docs-components-logo-customisation-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js","size":9460}],"filteredAssets":0,"assetsSize":61503,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-logo-index-mdx":{"name":"component---src-docs-components-logo-index-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js","size":11402}],"filteredAssets":0,"assetsSize":63445,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-logo-tabs-mdx":{"name":"component---src-docs-components-logo-tabs-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js","size":6244}],"filteredAssets":0,"assetsSize":58287,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-navigation-accessibility-mdx":{"name":"component---src-docs-components-navigation-accessibility-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js","size":9146}],"filteredAssets":0,"assetsSize":61189,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-navigation-code-mdx":{"name":"component---src-docs-components-navigation-code-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js","size":28555}],"filteredAssets":0,"assetsSize":80598,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-navigation-customisation-mdx":{"name":"component---src-docs-components-navigation-customisation-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js","size":12574}],"filteredAssets":0,"assetsSize":64617,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-navigation-index-mdx":{"name":"component---src-docs-components-navigation-index-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js","size":16317}],"filteredAssets":0,"assetsSize":68360,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-navigation-tabs-mdx":{"name":"component---src-docs-components-navigation-tabs-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js","size":6886}],"filteredAssets":0,"assetsSize":58929,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-notification-accessibility-mdx":{"name":"component---src-docs-components-notification-accessibility-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js","size":9135}],"filteredAssets":0,"assetsSize":61178,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-notification-code-mdx":{"name":"component---src-docs-components-notification-code-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js","size":24115}],"filteredAssets":0,"assetsSize":76158,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-notification-index-mdx":{"name":"component---src-docs-components-notification-index-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js","size":17478}],"filteredAssets":0,"assetsSize":69521,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-notification-tabs-mdx":{"name":"component---src-docs-components-notification-tabs-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js","size":6246}],"filteredAssets":0,"assetsSize":58289,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-number-input-accessibility-mdx":{"name":"component---src-docs-components-number-input-accessibility-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js","size":8387}],"filteredAssets":0,"assetsSize":60430,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-number-input-code-mdx":{"name":"component---src-docs-components-number-input-code-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"356531f7063d2100c0c6e9a87bebe70e63bae57b-f0e130f710b802933023.js","size":24992},{"name":"component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js","size":22570}],"filteredAssets":0,"assetsSize":99605,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-number-input-index-mdx":{"name":"component---src-docs-components-number-input-index-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"356531f7063d2100c0c6e9a87bebe70e63bae57b-f0e130f710b802933023.js","size":24992},{"name":"component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js","size":17788}],"filteredAssets":0,"assetsSize":94823,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-number-input-tabs-mdx":{"name":"component---src-docs-components-number-input-tabs-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js","size":6262}],"filteredAssets":0,"assetsSize":58305,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-pagination-accessibility-mdx":{"name":"component---src-docs-components-pagination-accessibility-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js","size":9043}],"filteredAssets":0,"assetsSize":61086,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-pagination-code-mdx":{"name":"component---src-docs-components-pagination-code-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"cad73618753cbcba4fffc4995fc64d64bf78d438-571485a213988a2150e9.js","size":20765},{"name":"component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js","size":21055}],"filteredAssets":0,"assetsSize":93863,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-pagination-customisation-mdx":{"name":"component---src-docs-components-pagination-customisation-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"cad73618753cbcba4fffc4995fc64d64bf78d438-571485a213988a2150e9.js","size":20765},{"name":"component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js","size":12434}],"filteredAssets":0,"assetsSize":85242,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-pagination-index-mdx":{"name":"component---src-docs-components-pagination-index-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"cad73618753cbcba4fffc4995fc64d64bf78d438-571485a213988a2150e9.js","size":20765},{"name":"component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js","size":16092}],"filteredAssets":0,"assetsSize":88900,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-pagination-tabs-mdx":{"name":"component---src-docs-components-pagination-tabs-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js","size":6281}],"filteredAssets":0,"assetsSize":58324,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-password-input-accessibility-mdx":{"name":"component---src-docs-components-password-input-accessibility-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js","size":8591}],"filteredAssets":0,"assetsSize":60634,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-password-input-code-mdx":{"name":"component---src-docs-components-password-input-code-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"356531f7063d2100c0c6e9a87bebe70e63bae57b-f0e130f710b802933023.js","size":24992},{"name":"component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js","size":17205}],"filteredAssets":0,"assetsSize":94240,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-password-input-index-mdx":{"name":"component---src-docs-components-password-input-index-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"356531f7063d2100c0c6e9a87bebe70e63bae57b-f0e130f710b802933023.js","size":24992},{"name":"component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js","size":12424}],"filteredAssets":0,"assetsSize":89459,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-password-input-security-mdx":{"name":"component---src-docs-components-password-input-security-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js","size":10479}],"filteredAssets":0,"assetsSize":62522,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-password-input-tabs-mdx":{"name":"component---src-docs-components-password-input-tabs-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js","size":6304}],"filteredAssets":0,"assetsSize":58347,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-phone-input-accessibility-mdx":{"name":"component---src-docs-components-phone-input-accessibility-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js","size":8487}],"filteredAssets":0,"assetsSize":60530,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-phone-input-code-mdx":{"name":"component---src-docs-components-phone-input-code-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"356531f7063d2100c0c6e9a87bebe70e63bae57b-f0e130f710b802933023.js","size":24992},{"name":"e707eaefab13b3b4d5014070189aee2807fbcfff-e651e6c3830d9fe9d08b.js","size":64950},{"name":"4d739130fd770bad238e467e54f6980d0e7e343b-51079adcf4c0dba30f04.js","size":31086},{"name":"365f5350290ffe2f11a1902290de23beed7d24c4-803088bd44b7a3978b14.js","size":20533},{"name":"component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js","size":11421}],"filteredAssets":0,"assetsSize":205025,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-phone-input-index-mdx":{"name":"component---src-docs-components-phone-input-index-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"356531f7063d2100c0c6e9a87bebe70e63bae57b-f0e130f710b802933023.js","size":24992},{"name":"e707eaefab13b3b4d5014070189aee2807fbcfff-e651e6c3830d9fe9d08b.js","size":64950},{"name":"4d739130fd770bad238e467e54f6980d0e7e343b-51079adcf4c0dba30f04.js","size":31086},{"name":"365f5350290ffe2f11a1902290de23beed7d24c4-803088bd44b7a3978b14.js","size":20533},{"name":"component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js","size":9723}],"filteredAssets":0,"assetsSize":203327,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-phone-input-tabs-mdx":{"name":"component---src-docs-components-phone-input-tabs-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js","size":6171}],"filteredAssets":0,"assetsSize":58214,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-radio-button-accessibility-mdx":{"name":"component---src-docs-components-radio-button-accessibility-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js","size":8149}],"filteredAssets":0,"assetsSize":60192,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-radio-button-code-mdx":{"name":"component---src-docs-components-radio-button-code-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js","size":41324}],"filteredAssets":0,"assetsSize":93367,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-radio-button-customisation-mdx":{"name":"component---src-docs-components-radio-button-customisation-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js","size":21943}],"filteredAssets":0,"assetsSize":73986,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-radio-button-index-mdx":{"name":"component---src-docs-components-radio-button-index-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js","size":37929}],"filteredAssets":0,"assetsSize":89972,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-radio-button-tabs-mdx":{"name":"component---src-docs-components-radio-button-tabs-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js","size":6257}],"filteredAssets":0,"assetsSize":58300,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-search-input-accessibility-mdx":{"name":"component---src-docs-components-search-input-accessibility-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js","size":7822}],"filteredAssets":0,"assetsSize":59865,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-search-input-code-mdx":{"name":"component---src-docs-components-search-input-code-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"e707eaefab13b3b4d5014070189aee2807fbcfff-e651e6c3830d9fe9d08b.js","size":64950},{"name":"component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js","size":45675}],"filteredAssets":0,"assetsSize":162668,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-search-input-index-mdx":{"name":"component---src-docs-components-search-input-index-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"e707eaefab13b3b4d5014070189aee2807fbcfff-e651e6c3830d9fe9d08b.js","size":64950},{"name":"component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js","size":40689}],"filteredAssets":0,"assetsSize":157682,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-search-input-tabs-mdx":{"name":"component---src-docs-components-search-input-tabs-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js","size":6244}],"filteredAssets":0,"assetsSize":58287,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-selection-group-accessibility-mdx":{"name":"component---src-docs-components-selection-group-accessibility-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js","size":7789}],"filteredAssets":0,"assetsSize":59832,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-selection-group-code-mdx":{"name":"component---src-docs-components-selection-group-code-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js","size":61812}],"filteredAssets":0,"assetsSize":113855,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-selection-group-index-mdx":{"name":"component---src-docs-components-selection-group-index-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js","size":51657}],"filteredAssets":0,"assetsSize":103700,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-selection-group-tabs-mdx":{"name":"component---src-docs-components-selection-group-tabs-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js","size":6225}],"filteredAssets":0,"assetsSize":58268,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-side-navigation-accessibility-mdx":{"name":"component---src-docs-components-side-navigation-accessibility-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js","size":9010}],"filteredAssets":0,"assetsSize":61053,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-side-navigation-code-mdx":{"name":"component---src-docs-components-side-navigation-code-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js","size":19084}],"filteredAssets":0,"assetsSize":71127,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-side-navigation-customisation-mdx":{"name":"component---src-docs-components-side-navigation-customisation-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js","size":16133}],"filteredAssets":0,"assetsSize":68176,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-side-navigation-index-mdx":{"name":"component---src-docs-components-side-navigation-index-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js","size":18438}],"filteredAssets":0,"assetsSize":70481,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-side-navigation-tabs-mdx":{"name":"component---src-docs-components-side-navigation-tabs-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js","size":6694}],"filteredAssets":0,"assetsSize":58737,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-status-label-accessibility-mdx":{"name":"component---src-docs-components-status-label-accessibility-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js","size":8295}],"filteredAssets":0,"assetsSize":60338,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-status-label-code-mdx":{"name":"component---src-docs-components-status-label-code-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js","size":15582}],"filteredAssets":0,"assetsSize":67625,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-status-label-index-mdx":{"name":"component---src-docs-components-status-label-index-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js","size":13579}],"filteredAssets":0,"assetsSize":65622,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-status-label-tabs-mdx":{"name":"component---src-docs-components-status-label-tabs-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js","size":6292}],"filteredAssets":0,"assetsSize":58335,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-step-by-step-accessibility-mdx":{"name":"component---src-docs-components-step-by-step-accessibility-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js","size":7932}],"filteredAssets":0,"assetsSize":59975,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-step-by-step-code-mdx":{"name":"component---src-docs-components-step-by-step-code-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js","size":23346}],"filteredAssets":0,"assetsSize":75389,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-step-by-step-index-mdx":{"name":"component---src-docs-components-step-by-step-index-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js","size":16259}],"filteredAssets":0,"assetsSize":68302,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-step-by-step-tabs-mdx":{"name":"component---src-docs-components-step-by-step-tabs-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js","size":6422}],"filteredAssets":0,"assetsSize":58465,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-stepper-accessibility-mdx":{"name":"component---src-docs-components-stepper-accessibility-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js","size":9705}],"filteredAssets":0,"assetsSize":61748,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-stepper-code-mdx":{"name":"component---src-docs-components-stepper-code-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js","size":45148}],"filteredAssets":0,"assetsSize":97191,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-stepper-customisation-mdx":{"name":"component---src-docs-components-stepper-customisation-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js","size":29370}],"filteredAssets":0,"assetsSize":81413,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-stepper-index-mdx":{"name":"component---src-docs-components-stepper-index-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js","size":36931}],"filteredAssets":0,"assetsSize":88974,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-stepper-tabs-mdx":{"name":"component---src-docs-components-stepper-tabs-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js","size":6771}],"filteredAssets":0,"assetsSize":58814,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-table-accessibility-mdx":{"name":"component---src-docs-components-table-accessibility-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js","size":9227}],"filteredAssets":0,"assetsSize":61270,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-table-code-mdx":{"name":"component---src-docs-components-table-code-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"b192c7df83cc63c115c47db8cdb288825a93073a-6da300da11d22250dc32.js","size":31482},{"name":"component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js","size":42481}],"filteredAssets":0,"assetsSize":126006,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-table-customisation-mdx":{"name":"component---src-docs-components-table-customisation-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"b192c7df83cc63c115c47db8cdb288825a93073a-6da300da11d22250dc32.js","size":31482},{"name":"component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js","size":11442}],"filteredAssets":0,"assetsSize":94967,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-table-index-mdx":{"name":"component---src-docs-components-table-index-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"b192c7df83cc63c115c47db8cdb288825a93073a-6da300da11d22250dc32.js","size":31482},{"name":"component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js","size":26587}],"filteredAssets":0,"assetsSize":110112,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-table-tabs-mdx":{"name":"component---src-docs-components-table-tabs-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js","size":6718}],"filteredAssets":0,"assetsSize":58761,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-tabs-accessibility-mdx":{"name":"component---src-docs-components-tabs-accessibility-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js","size":8517}],"filteredAssets":0,"assetsSize":60560,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-tabs-code-mdx":{"name":"component---src-docs-components-tabs-code-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js","size":16102}],"filteredAssets":0,"assetsSize":68145,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-tabs-customisation-mdx":{"name":"component---src-docs-components-tabs-customisation-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js","size":10496}],"filteredAssets":0,"assetsSize":62539,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-tabs-index-mdx":{"name":"component---src-docs-components-tabs-index-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js","size":17321}],"filteredAssets":0,"assetsSize":69364,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-tabs-tabs-mdx":{"name":"component---src-docs-components-tabs-tabs-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js","size":6253}],"filteredAssets":0,"assetsSize":58296,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-tag-accessibility-mdx":{"name":"component---src-docs-components-tag-accessibility-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js","size":10552}],"filteredAssets":0,"assetsSize":62595,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-tag-code-mdx":{"name":"component---src-docs-components-tag-code-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js","size":23401}],"filteredAssets":0,"assetsSize":75444,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-tag-customisation-mdx":{"name":"component---src-docs-components-tag-customisation-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js","size":14053}],"filteredAssets":0,"assetsSize":66096,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-tag-index-mdx":{"name":"component---src-docs-components-tag-index-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js","size":17770}],"filteredAssets":0,"assetsSize":69813,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-tag-tabs-mdx":{"name":"component---src-docs-components-tag-tabs-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js","size":6285}],"filteredAssets":0,"assetsSize":58328,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-text-area-accessibility-mdx":{"name":"component---src-docs-components-text-area-accessibility-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js","size":8611}],"filteredAssets":0,"assetsSize":60654,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-text-area-code-mdx":{"name":"component---src-docs-components-text-area-code-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"356531f7063d2100c0c6e9a87bebe70e63bae57b-f0e130f710b802933023.js","size":24992},{"name":"component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js","size":14367}],"filteredAssets":0,"assetsSize":91402,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-text-area-index-mdx":{"name":"component---src-docs-components-text-area-index-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"356531f7063d2100c0c6e9a87bebe70e63bae57b-f0e130f710b802933023.js","size":24992},{"name":"component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js","size":9251}],"filteredAssets":0,"assetsSize":86286,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-text-area-tabs-mdx":{"name":"component---src-docs-components-text-area-tabs-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js","size":6213}],"filteredAssets":0,"assetsSize":58256,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-text-input-accessibility-mdx":{"name":"component---src-docs-components-text-input-accessibility-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js","size":8749}],"filteredAssets":0,"assetsSize":60792,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-text-input-code-mdx":{"name":"component---src-docs-components-text-input-code-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"356531f7063d2100c0c6e9a87bebe70e63bae57b-f0e130f710b802933023.js","size":24992},{"name":"component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js","size":16812}],"filteredAssets":0,"assetsSize":93847,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-text-input-index-mdx":{"name":"component---src-docs-components-text-input-index-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"356531f7063d2100c0c6e9a87bebe70e63bae57b-f0e130f710b802933023.js","size":24992},{"name":"component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js","size":10691}],"filteredAssets":0,"assetsSize":87726,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-text-input-tabs-mdx":{"name":"component---src-docs-components-text-input-tabs-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js","size":6352}],"filteredAssets":0,"assetsSize":58395,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-time-input-accessibility-mdx":{"name":"component---src-docs-components-time-input-accessibility-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js","size":8072}],"filteredAssets":0,"assetsSize":60115,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-time-input-code-mdx":{"name":"component---src-docs-components-time-input-code-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"356531f7063d2100c0c6e9a87bebe70e63bae57b-f0e130f710b802933023.js","size":24992},{"name":"e707eaefab13b3b4d5014070189aee2807fbcfff-e651e6c3830d9fe9d08b.js","size":64950},{"name":"4d739130fd770bad238e467e54f6980d0e7e343b-51079adcf4c0dba30f04.js","size":31086},{"name":"component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js","size":16245}],"filteredAssets":0,"assetsSize":189316,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-time-input-index-mdx":{"name":"component---src-docs-components-time-input-index-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"356531f7063d2100c0c6e9a87bebe70e63bae57b-f0e130f710b802933023.js","size":24992},{"name":"e707eaefab13b3b4d5014070189aee2807fbcfff-e651e6c3830d9fe9d08b.js","size":64950},{"name":"4d739130fd770bad238e467e54f6980d0e7e343b-51079adcf4c0dba30f04.js","size":31086},{"name":"component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js","size":16112}],"filteredAssets":0,"assetsSize":189183,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-time-input-tabs-mdx":{"name":"component---src-docs-components-time-input-tabs-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js","size":6159}],"filteredAssets":0,"assetsSize":58202,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-toggle-button-accessibility-mdx":{"name":"component---src-docs-components-toggle-button-accessibility-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js","size":8898}],"filteredAssets":0,"assetsSize":60941,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-toggle-button-code-mdx":{"name":"component---src-docs-components-toggle-button-code-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js","size":18976}],"filteredAssets":0,"assetsSize":71019,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-toggle-button-customisation-mdx":{"name":"component---src-docs-components-toggle-button-customisation-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js","size":14966}],"filteredAssets":0,"assetsSize":67009,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-toggle-button-index-mdx":{"name":"component---src-docs-components-toggle-button-index-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js","size":17266}],"filteredAssets":0,"assetsSize":69309,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-toggle-button-tabs-mdx":{"name":"component---src-docs-components-toggle-button-tabs-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js","size":6275}],"filteredAssets":0,"assetsSize":58318,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-tooltip-accessibility-mdx":{"name":"component---src-docs-components-tooltip-accessibility-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js","size":8082}],"filteredAssets":0,"assetsSize":60125,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-tooltip-code-mdx":{"name":"component---src-docs-components-tooltip-code-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js","size":15608}],"filteredAssets":0,"assetsSize":67651,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-tooltip-index-mdx":{"name":"component---src-docs-components-tooltip-index-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js","size":12539}],"filteredAssets":0,"assetsSize":64582,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-components-tooltip-tabs-mdx":{"name":"component---src-docs-components-tooltip-tabs-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js","size":6174}],"filteredAssets":0,"assetsSize":58217,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-foundation-design-tokens-breakpoints-index-mdx":{"name":"component---src-docs-foundation-design-tokens-breakpoints-index-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js","size":12111}],"filteredAssets":0,"assetsSize":37914,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx":{"name":"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js","size":5363}],"filteredAssets":0,"assetsSize":31166,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx":{"name":"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js","size":10862}],"filteredAssets":0,"assetsSize":36665,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-foundation-design-tokens-colour-accessibility-mdx":{"name":"component---src-docs-foundation-design-tokens-colour-accessibility-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js","size":27450}],"filteredAssets":0,"assetsSize":53253,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-foundation-design-tokens-colour-index-mdx":{"name":"component---src-docs-foundation-design-tokens-colour-index-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js","size":21727}],"filteredAssets":0,"assetsSize":47530,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-foundation-design-tokens-colour-tabs-mdx":{"name":"component---src-docs-foundation-design-tokens-colour-tabs-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js","size":5367}],"filteredAssets":0,"assetsSize":31170,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-foundation-design-tokens-colour-tokens-mdx":{"name":"component---src-docs-foundation-design-tokens-colour-tokens-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js","size":35336}],"filteredAssets":0,"assetsSize":61139,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-foundation-design-tokens-spacing-index-mdx":{"name":"component---src-docs-foundation-design-tokens-spacing-index-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js","size":8546}],"filteredAssets":0,"assetsSize":34349,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-foundation-design-tokens-spacing-tabs-mdx":{"name":"component---src-docs-foundation-design-tokens-spacing-tabs-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js","size":5331}],"filteredAssets":0,"assetsSize":31134,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-foundation-design-tokens-spacing-tokens-mdx":{"name":"component---src-docs-foundation-design-tokens-spacing-tokens-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js","size":13977}],"filteredAssets":0,"assetsSize":39780,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-foundation-design-tokens-typography-index-mdx":{"name":"component---src-docs-foundation-design-tokens-typography-index-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js","size":23385}],"filteredAssets":0,"assetsSize":49188,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-foundation-design-tokens-typography-tabs-mdx":{"name":"component---src-docs-foundation-design-tokens-typography-tabs-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js","size":5356}],"filteredAssets":0,"assetsSize":31159,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-foundation-design-tokens-typography-tokens-mdx":{"name":"component---src-docs-foundation-design-tokens-typography-tokens-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js","size":12894}],"filteredAssets":0,"assetsSize":38697,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx":{"name":"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx","assets":[{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js","size":54486}],"filteredAssets":0,"assetsSize":80726,"filteredAuxiliaryAssets":0,"auxiliaryAssetsSize":0},"component---src-docs-foundation-guidelines-data-formats-mdx":{"name":"component---src-docs-foundation-guidelines-data-formats-mdx","assets":[{"name":"component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js","size":7538}],"filteredAssets":0,"assetsSize":7538,"filteredAuxiliaryAssets":0,"auxiliaryAssetsSize":0},"component---src-docs-foundation-guidelines-grid-mdx":{"name":"component---src-docs-foundation-guidelines-grid-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js","size":8449}],"filteredAssets":0,"assetsSize":34252,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-foundation-guidelines-inclusivity-mdx":{"name":"component---src-docs-foundation-guidelines-inclusivity-mdx","assets":[{"name":"component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js","size":14039}],"filteredAssets":0,"assetsSize":14039,"filteredAuxiliaryAssets":0,"auxiliaryAssetsSize":0},"component---src-docs-foundation-guidelines-localisation-mdx":{"name":"component---src-docs-foundation-guidelines-localisation-mdx","assets":[{"name":"component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js","size":9366}],"filteredAssets":0,"assetsSize":9366,"filteredAuxiliaryAssets":0,"auxiliaryAssetsSize":0},"component---src-docs-foundation-guidelines-photography-mdx":{"name":"component---src-docs-foundation-guidelines-photography-mdx","assets":[{"name":"component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js","size":2694}],"filteredAssets":0,"assetsSize":2694,"filteredAuxiliaryAssets":0,"auxiliaryAssetsSize":0},"component---src-docs-foundation-guidelines-server-side-rendering-mdx":{"name":"component---src-docs-foundation-guidelines-server-side-rendering-mdx","assets":[{"name":"component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js","size":29055}],"filteredAssets":0,"assetsSize":29055,"filteredAuxiliaryAssets":0,"auxiliaryAssetsSize":0},"component---src-docs-foundation-index-mdx":{"name":"component---src-docs-foundation-index-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js","size":2782}],"filteredAssets":0,"assetsSize":28585,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-foundation-visual-assets-favicon-mdx":{"name":"component---src-docs-foundation-visual-assets-favicon-mdx","assets":[{"name":"component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js","size":6628}],"filteredAssets":0,"assetsSize":6628,"filteredAuxiliaryAssets":0,"auxiliaryAssetsSize":0},"component---src-docs-foundation-visual-assets-icons-index-mdx":{"name":"component---src-docs-foundation-visual-assets-icons-index-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js","size":9731}],"filteredAssets":0,"assetsSize":35534,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-foundation-visual-assets-icons-list-mdx":{"name":"component---src-docs-foundation-visual-assets-icons-list-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"b123bb55-bfd26b4839350c06496e.js","size":314945},{"name":"779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","size":26240},{"name":"356531f7063d2100c0c6e9a87bebe70e63bae57b-f0e130f710b802933023.js","size":24992},{"name":"e707eaefab13b3b4d5014070189aee2807fbcfff-e651e6c3830d9fe9d08b.js","size":64950},{"name":"4d739130fd770bad238e467e54f6980d0e7e343b-51079adcf4c0dba30f04.js","size":31086},{"name":"b192c7df83cc63c115c47db8cdb288825a93073a-6da300da11d22250dc32.js","size":31482},{"name":"365f5350290ffe2f11a1902290de23beed7d24c4-803088bd44b7a3978b14.js","size":20533},{"name":"cad73618753cbcba4fffc4995fc64d64bf78d438-571485a213988a2150e9.js","size":20765},{"name":"5d8985734a6b854ebaa8311dc36cfa59aa67534f-269d73b10db2e616ddf1.js","size":519182},{"name":"a6124848a5db131eccb4ec393ee53fdeae3e7c43-5dcd444242d70a36bfeb.js","size":76978},{"name":"component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js","size":383059}],"filteredAssets":0,"assetsSize":1540015,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-foundation-visual-assets-icons-tabs-mdx":{"name":"component---src-docs-foundation-visual-assets-icons-tabs-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js","size":2917}],"filteredAssets":0,"assetsSize":28720,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-foundation-visual-assets-logo-mdx":{"name":"component---src-docs-foundation-visual-assets-logo-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js","size":8992}],"filteredAssets":0,"assetsSize":34795,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-foundation-visual-assets-placeholders-mdx":{"name":"component---src-docs-foundation-visual-assets-placeholders-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js","size":14769}],"filteredAssets":0,"assetsSize":40572,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-foundation-visual-assets-wave-motifs-mdx":{"name":"component---src-docs-foundation-visual-assets-wave-motifs-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js","size":13559}],"filteredAssets":0,"assetsSize":39362,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-getting-started-contributing-design-mdx":{"name":"component---src-docs-getting-started-contributing-design-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js","size":37544}],"filteredAssets":0,"assetsSize":63347,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-getting-started-contributing-documentation-mdx":{"name":"component---src-docs-getting-started-contributing-documentation-mdx","assets":[{"name":"component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js","size":5119}],"filteredAssets":0,"assetsSize":5119,"filteredAuxiliaryAssets":0,"auxiliaryAssetsSize":0},"component---src-docs-getting-started-contributing-how-to-contribute-mdx":{"name":"component---src-docs-getting-started-contributing-how-to-contribute-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js","size":10733}],"filteredAssets":0,"assetsSize":36536,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-getting-started-contributing-icons-mdx":{"name":"component---src-docs-getting-started-contributing-icons-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js","size":14563}],"filteredAssets":0,"assetsSize":40366,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-getting-started-contributing-implementation-mdx":{"name":"component---src-docs-getting-started-contributing-implementation-mdx","assets":[{"name":"component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js","size":8073}],"filteredAssets":0,"assetsSize":8073,"filteredAuxiliaryAssets":0,"auxiliaryAssetsSize":0},"component---src-docs-getting-started-designer-mdx":{"name":"component---src-docs-getting-started-designer-mdx","assets":[{"name":"component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js","size":13466}],"filteredAssets":0,"assetsSize":13466,"filteredAuxiliaryAssets":0,"auxiliaryAssetsSize":0},"component---src-docs-getting-started-developer-mdx":{"name":"component---src-docs-getting-started-developer-mdx","assets":[{"name":"component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js","size":10625}],"filteredAssets":0,"assetsSize":10625,"filteredAuxiliaryAssets":0,"auxiliaryAssetsSize":0},"component---src-docs-getting-started-faq-accessibility-mdx":{"name":"component---src-docs-getting-started-faq-accessibility-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js","size":28013}],"filteredAssets":0,"assetsSize":53816,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-getting-started-faq-code-mdx":{"name":"component---src-docs-getting-started-faq-code-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js","size":23853}],"filteredAssets":0,"assetsSize":49656,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-getting-started-faq-design-mdx":{"name":"component---src-docs-getting-started-faq-design-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js","size":29163}],"filteredAssets":0,"assetsSize":54966,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-getting-started-faq-index-mdx":{"name":"component---src-docs-getting-started-faq-index-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js","size":26468}],"filteredAssets":0,"assetsSize":52271,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-getting-started-faq-tabs-mdx":{"name":"component---src-docs-getting-started-faq-tabs-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js","size":3230}],"filteredAssets":0,"assetsSize":29033,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-getting-started-index-mdx":{"name":"component---src-docs-getting-started-index-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js","size":3378}],"filteredAssets":0,"assetsSize":29181,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx":{"name":"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js","size":22497}],"filteredAssets":0,"assetsSize":48300,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-getting-started-versioning-mdx":{"name":"component---src-docs-getting-started-versioning-mdx","assets":[{"name":"component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js","size":5757}],"filteredAssets":0,"assetsSize":5757,"filteredAuxiliaryAssets":0,"auxiliaryAssetsSize":0},"component---src-docs-index-mdx":{"name":"component---src-docs-index-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js","size":26880}],"filteredAssets":0,"assetsSize":52683,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-patterns-cookies-basics-mdx":{"name":"component---src-docs-patterns-cookies-basics-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js","size":24831}],"filteredAssets":0,"assetsSize":50634,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx":{"name":"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx","assets":[{"name":"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js","size":9145}],"filteredAssets":0,"assetsSize":9145,"filteredAuxiliaryAssets":0,"auxiliaryAssetsSize":0},"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx":{"name":"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js","size":13239}],"filteredAssets":0,"assetsSize":39042,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-patterns-forms-form-building-mdx":{"name":"component---src-docs-patterns-forms-form-building-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js","size":97663}],"filteredAssets":0,"assetsSize":123466,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-patterns-forms-form-multi-page-mdx":{"name":"component---src-docs-patterns-forms-form-multi-page-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js","size":21491}],"filteredAssets":0,"assetsSize":47294,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-patterns-forms-form-validation-mdx":{"name":"component---src-docs-patterns-forms-form-validation-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js","size":32111}],"filteredAssets":0,"assetsSize":57914,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148},"component---src-docs-patterns-index-mdx":{"name":"component---src-docs-patterns-index-mdx","assets":[{"name":"styles.90c66a140056f4fb8596.css","size":25803},{"name":"component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js","size":2106}],"filteredAssets":0,"assetsSize":27909,"filteredAuxiliaryAssets":8,"auxiliaryAssetsSize":413148}},"assetsByChunkName":{"app":["webpack-runtime-dbb82ea5c34fcc1c205b.js","styles.90c66a140056f4fb8596.css","framework-20ddb07d8236efd3655a.js","76893e13-a7ee7b536f778b70f0eb.js","a3186c56-e5981ae53d241981b383.js","a5a4fd71-374a531367b38d02596b.js","bac1b955-7e2fdc084ff4cd0a34ff.js","280c14b7-368c63f72c9731872985.js","app-1ced69e513f1a69c5827.js"],"component---src-docs-404-mdx":["component---src-docs-404-mdx-63b1db6da09517d6ee25.js"],"component---src-docs-about-accessibility-hds-accessibility-mdx":["component---src-docs-about-accessibility-hds-accessibility-mdx-8e4d46e1b8decedbf234.js"],"component---src-docs-about-accessibility-statement-mdx":["component---src-docs-about-accessibility-statement-mdx-d09bcb9e2fc5e77f72a5.js"],"component---src-docs-about-index-mdx":["component---src-docs-about-index-mdx-88a35b9abffba8e3bb1d.js"],"component---src-docs-about-resources-mdx":["component---src-docs-about-resources-mdx-44e37ff8c3e7a276cca1.js"],"component---src-docs-about-this-is-hds-index-jsx":["styles.90c66a140056f4fb8596.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","b192c7df83cc63c115c47db8cdb288825a93073a-6da300da11d22250dc32.js","component---src-docs-about-this-is-hds-index-jsx-591886aba5a6e97fa029.js"],"component---src-docs-components-accordion-accessibility-mdx":["styles.90c66a140056f4fb8596.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-accordion-accessibility-mdx-375d71c47d899e1a8187.js"],"component---src-docs-components-accordion-code-mdx":["styles.90c66a140056f4fb8596.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","e707eaefab13b3b4d5014070189aee2807fbcfff-e651e6c3830d9fe9d08b.js","4d739130fd770bad238e467e54f6980d0e7e343b-51079adcf4c0dba30f04.js","component---src-docs-components-accordion-code-mdx-a5474ccc60e1ad0fee93.js"],"component---src-docs-components-accordion-customisation-mdx":["styles.90c66a140056f4fb8596.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-accordion-customisation-mdx-df38954c41115e961d75.js"],"component---src-docs-components-accordion-index-mdx":["styles.90c66a140056f4fb8596.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","e707eaefab13b3b4d5014070189aee2807fbcfff-e651e6c3830d9fe9d08b.js","4d739130fd770bad238e467e54f6980d0e7e343b-51079adcf4c0dba30f04.js","component---src-docs-components-accordion-index-mdx-4a72c805b9719d2bbd3f.js"],"component---src-docs-components-accordion-tabs-mdx":["styles.90c66a140056f4fb8596.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-accordion-tabs-mdx-d4310ffa5d05379955f0.js"],"component---src-docs-components-breadcrumb-accessibility-mdx":["styles.90c66a140056f4fb8596.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-breadcrumb-accessibility-mdx-97cd2087f14ff45efb59.js"],"component---src-docs-components-breadcrumb-code-mdx":["styles.90c66a140056f4fb8596.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-breadcrumb-code-mdx-d2de56b2e8806e278657.js"],"component---src-docs-components-breadcrumb-customisation-mdx":["styles.90c66a140056f4fb8596.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-breadcrumb-customisation-mdx-fc6903d58d7f92b568b1.js"],"component---src-docs-components-breadcrumb-index-mdx":["styles.90c66a140056f4fb8596.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-breadcrumb-index-mdx-f3ef211219b52533634a.js"],"component---src-docs-components-breadcrumb-tabs-mdx":["styles.90c66a140056f4fb8596.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-breadcrumb-tabs-mdx-8e65c7b872fba6bd993a.js"],"component---src-docs-components-buttons-accessibility-mdx":["styles.90c66a140056f4fb8596.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-buttons-accessibility-mdx-ace0eec217c4f13cd073.js"],"component---src-docs-components-buttons-code-mdx":["styles.90c66a140056f4fb8596.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-buttons-code-mdx-1fbee813a3f27eb5ca30.js"],"component---src-docs-components-buttons-customisation-mdx":["styles.90c66a140056f4fb8596.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-buttons-customisation-mdx-9b91669cab2df33a2f93.js"],"component---src-docs-components-buttons-index-mdx":["styles.90c66a140056f4fb8596.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-buttons-index-mdx-7f69e86d9a693e2c6731.js"],"component---src-docs-components-buttons-tabs-mdx":["styles.90c66a140056f4fb8596.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-buttons-tabs-mdx-bd7df011a89c011ca46f.js"],"component---src-docs-components-card-accessibility-mdx":["styles.90c66a140056f4fb8596.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-card-accessibility-mdx-719ff0c2ebc4a77230d3.js"],"component---src-docs-components-card-code-mdx":["styles.90c66a140056f4fb8596.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-card-code-mdx-cd586e8ffabbe21b1f53.js"],"component---src-docs-components-card-customisation-mdx":["styles.90c66a140056f4fb8596.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-card-customisation-mdx-3d53fd9ea7e7f9ab005d.js"],"component---src-docs-components-card-index-mdx":["styles.90c66a140056f4fb8596.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-card-index-mdx-bc76664e2d6fb8591b93.js"],"component---src-docs-components-card-tabs-mdx":["styles.90c66a140056f4fb8596.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-card-tabs-mdx-cd081044df5f54e9dc31.js"],"component---src-docs-components-checkbox-accessibility-mdx":["styles.90c66a140056f4fb8596.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-checkbox-accessibility-mdx-87da6f8301812e01ea68.js"],"component---src-docs-components-checkbox-code-mdx":["styles.90c66a140056f4fb8596.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-checkbox-code-mdx-39fe7de1ec27bc1ef9a8.js"],"component---src-docs-components-checkbox-customisation-mdx":["styles.90c66a140056f4fb8596.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-checkbox-customisation-mdx-c75c8ff6842b34d56a3d.js"],"component---src-docs-components-checkbox-index-mdx":["styles.90c66a140056f4fb8596.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-checkbox-index-mdx-2d8cfe651364cbbab648.js"],"component---src-docs-components-checkbox-tabs-mdx":["styles.90c66a140056f4fb8596.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-checkbox-tabs-mdx-430882f46bc447e30be0.js"],"component---src-docs-components-cookie-consent-accessibility-mdx":["styles.90c66a140056f4fb8596.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-cookie-consent-accessibility-mdx-d56b7d50b4b05cdd9c34.js"],"component---src-docs-components-cookie-consent-api-mdx":["styles.90c66a140056f4fb8596.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-cookie-consent-api-mdx-a8c1bd347b6ebede9322.js"],"component---src-docs-components-cookie-consent-code-mdx":["styles.90c66a140056f4fb8596.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-cookie-consent-code-mdx-7dda23c5e4da07c2646b.js"],"component---src-docs-components-cookie-consent-index-mdx":["styles.90c66a140056f4fb8596.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-cookie-consent-index-mdx-da5b214ae10819ee935b.js"],"component---src-docs-components-cookie-consent-tabs-mdx":["styles.90c66a140056f4fb8596.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-cookie-consent-tabs-mdx-db36cd309910b7eec06f.js"],"component---src-docs-components-date-input-accessibility-mdx":["styles.90c66a140056f4fb8596.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-date-input-accessibility-mdx-5081b2db8081a4e0ae0d.js"],"component---src-docs-components-date-input-code-mdx":["styles.90c66a140056f4fb8596.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","356531f7063d2100c0c6e9a87bebe70e63bae57b-f0e130f710b802933023.js","a6124848a5db131eccb4ec393ee53fdeae3e7c43-5dcd444242d70a36bfeb.js","component---src-docs-components-date-input-code-mdx-bc3c777b7fbc29e49a04.js"],"component---src-docs-components-date-input-index-mdx":["styles.90c66a140056f4fb8596.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","356531f7063d2100c0c6e9a87bebe70e63bae57b-f0e130f710b802933023.js","a6124848a5db131eccb4ec393ee53fdeae3e7c43-5dcd444242d70a36bfeb.js","component---src-docs-components-date-input-index-mdx-bd26f0cad9ca019b8f67.js"],"component---src-docs-components-date-input-tabs-mdx":["styles.90c66a140056f4fb8596.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-date-input-tabs-mdx-e9b1bc712e9f34fb82c3.js"],"component---src-docs-components-dialog-accessibility-mdx":["styles.90c66a140056f4fb8596.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-dialog-accessibility-mdx-b887d7321a1d6c8c4d2b.js"],"component---src-docs-components-dialog-code-mdx":["styles.90c66a140056f4fb8596.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","356531f7063d2100c0c6e9a87bebe70e63bae57b-f0e130f710b802933023.js","component---src-docs-components-dialog-code-mdx-884262630b735438b529.js"],"component---src-docs-components-dialog-customisation-mdx":["styles.90c66a140056f4fb8596.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-dialog-customisation-mdx-ed86d1a408b1ba4b6495.js"],"component---src-docs-components-dialog-index-mdx":["styles.90c66a140056f4fb8596.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-dialog-index-mdx-b4dbeb339e8a5f470880.js"],"component---src-docs-components-dialog-tabs-mdx":["styles.90c66a140056f4fb8596.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-dialog-tabs-mdx-bf2639ee73153b83e4bf.js"],"component---src-docs-components-dropdown-accessibility-mdx":["styles.90c66a140056f4fb8596.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-dropdown-accessibility-mdx-2c93ad24e67082d6a854.js"],"component---src-docs-components-dropdown-code-mdx":["styles.90c66a140056f4fb8596.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","e707eaefab13b3b4d5014070189aee2807fbcfff-e651e6c3830d9fe9d08b.js","4d739130fd770bad238e467e54f6980d0e7e343b-51079adcf4c0dba30f04.js","365f5350290ffe2f11a1902290de23beed7d24c4-803088bd44b7a3978b14.js","component---src-docs-components-dropdown-code-mdx-3a5338697ee29d541e23.js"],"component---src-docs-components-dropdown-customisation-mdx":["styles.90c66a140056f4fb8596.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","e707eaefab13b3b4d5014070189aee2807fbcfff-e651e6c3830d9fe9d08b.js","4d739130fd770bad238e467e54f6980d0e7e343b-51079adcf4c0dba30f04.js","component---src-docs-components-dropdown-customisation-mdx-e0cd05839c6b25f96109.js"],"component---src-docs-components-dropdown-index-mdx":["styles.90c66a140056f4fb8596.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","e707eaefab13b3b4d5014070189aee2807fbcfff-e651e6c3830d9fe9d08b.js","4d739130fd770bad238e467e54f6980d0e7e343b-51079adcf4c0dba30f04.js","365f5350290ffe2f11a1902290de23beed7d24c4-803088bd44b7a3978b14.js","component---src-docs-components-dropdown-index-mdx-44570537571611e7620e.js"],"component---src-docs-components-dropdown-tabs-mdx":["styles.90c66a140056f4fb8596.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-dropdown-tabs-mdx-3cff941ab4c16576f138.js"],"component---src-docs-components-fieldset-accessibility-mdx":["styles.90c66a140056f4fb8596.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-fieldset-accessibility-mdx-d5f5ec2d6ad21d8da013.js"],"component---src-docs-components-fieldset-code-mdx":["styles.90c66a140056f4fb8596.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","356531f7063d2100c0c6e9a87bebe70e63bae57b-f0e130f710b802933023.js","component---src-docs-components-fieldset-code-mdx-4de8db664b1d38e79d69.js"],"component---src-docs-components-fieldset-index-mdx":["styles.90c66a140056f4fb8596.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","356531f7063d2100c0c6e9a87bebe70e63bae57b-f0e130f710b802933023.js","component---src-docs-components-fieldset-index-mdx-91cf49e7cb119d84c998.js"],"component---src-docs-components-fieldset-tabs-mdx":["styles.90c66a140056f4fb8596.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-fieldset-tabs-mdx-b2c0a982b3af96751614.js"],"component---src-docs-components-file-input-accessibility-mdx":["styles.90c66a140056f4fb8596.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-file-input-accessibility-mdx-0547f20599b83eaee7d4.js"],"component---src-docs-components-file-input-code-mdx":["styles.90c66a140056f4fb8596.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","356531f7063d2100c0c6e9a87bebe70e63bae57b-f0e130f710b802933023.js","component---src-docs-components-file-input-code-mdx-847467b28f9318b8bba5.js"],"component---src-docs-components-file-input-index-mdx":["styles.90c66a140056f4fb8596.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","356531f7063d2100c0c6e9a87bebe70e63bae57b-f0e130f710b802933023.js","component---src-docs-components-file-input-index-mdx-f53ab1ad036ef726314e.js"],"component---src-docs-components-file-input-security-mdx":["styles.90c66a140056f4fb8596.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-file-input-security-mdx-110ede020295b50430f7.js"],"component---src-docs-components-file-input-tabs-mdx":["styles.90c66a140056f4fb8596.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-file-input-tabs-mdx-fb7174f1cb880b3b0fb5.js"],"component---src-docs-components-footer-accessibility-mdx":["styles.90c66a140056f4fb8596.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-footer-accessibility-mdx-cc75f22cb14840baa622.js"],"component---src-docs-components-footer-code-mdx":["styles.90c66a140056f4fb8596.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-footer-code-mdx-661c63badc43056352ff.js"],"component---src-docs-components-footer-customisation-mdx":["styles.90c66a140056f4fb8596.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-footer-customisation-mdx-dba4d4c76835c15b0995.js"],"component---src-docs-components-footer-index-mdx":["styles.90c66a140056f4fb8596.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-footer-index-mdx-a698aa409148d21bab1f.js"],"component---src-docs-components-footer-tabs-mdx":["styles.90c66a140056f4fb8596.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-footer-tabs-mdx-efa1c043eadaca0d6cb8.js"],"component---src-docs-components-header-accessibility-mdx":["styles.90c66a140056f4fb8596.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-header-accessibility-mdx-e7e2096cc09a48890549.js"],"component---src-docs-components-header-code-mdx":["styles.90c66a140056f4fb8596.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","e707eaefab13b3b4d5014070189aee2807fbcfff-e651e6c3830d9fe9d08b.js","5d8985734a6b854ebaa8311dc36cfa59aa67534f-269d73b10db2e616ddf1.js","component---src-docs-components-header-code-mdx-3a211fa5b4665489924b.js"],"component---src-docs-components-header-index-mdx":["styles.90c66a140056f4fb8596.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","e707eaefab13b3b4d5014070189aee2807fbcfff-e651e6c3830d9fe9d08b.js","5d8985734a6b854ebaa8311dc36cfa59aa67534f-269d73b10db2e616ddf1.js","component---src-docs-components-header-index-mdx-394e7751d28e8a5895bf.js"],"component---src-docs-components-header-tabs-mdx":["styles.90c66a140056f4fb8596.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-header-tabs-mdx-adf2ad663c23b75747e4.js"],"component---src-docs-components-hero-accessibility-mdx":["styles.90c66a140056f4fb8596.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-hero-accessibility-mdx-98134ae6b7823891f693.js"],"component---src-docs-components-hero-code-mdx":["styles.90c66a140056f4fb8596.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-hero-code-mdx-020a6209dcf98aa1773e.js"],"component---src-docs-components-hero-customisation-mdx":["styles.90c66a140056f4fb8596.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-hero-customisation-mdx-ba28b31cfda24d3cb5f2.js"],"component---src-docs-components-hero-index-mdx":["styles.90c66a140056f4fb8596.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-hero-index-mdx-658b2698c3bfa643869f.js"],"component---src-docs-components-hero-tabs-mdx":["styles.90c66a140056f4fb8596.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-hero-tabs-mdx-8b172e43da7a08f3edce.js"],"component---src-docs-components-highlight-accessibility-mdx":["styles.90c66a140056f4fb8596.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-highlight-accessibility-mdx-29508b110f3ab0693395.js"],"component---src-docs-components-highlight-code-mdx":["styles.90c66a140056f4fb8596.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-highlight-code-mdx-c309b138069983588a9c.js"],"component---src-docs-components-highlight-customisation-mdx":["styles.90c66a140056f4fb8596.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-highlight-customisation-mdx-762c4590964e7de368ff.js"],"component---src-docs-components-highlight-index-mdx":["styles.90c66a140056f4fb8596.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-highlight-index-mdx-053bb8109450d2675ae4.js"],"component---src-docs-components-highlight-tabs-mdx":["styles.90c66a140056f4fb8596.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-highlight-tabs-mdx-4d8312149d398058c17f.js"],"component---src-docs-components-icon-accessibility-mdx":["styles.90c66a140056f4fb8596.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-icon-accessibility-mdx-4aae5cc1cc04cbe8c343.js"],"component---src-docs-components-icon-code-mdx":["styles.90c66a140056f4fb8596.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-icon-code-mdx-bb54c0e124d31915dbaa.js"],"component---src-docs-components-icon-customisation-mdx":["styles.90c66a140056f4fb8596.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-icon-customisation-mdx-a66828868addbfab756c.js"],"component---src-docs-components-icon-index-mdx":["styles.90c66a140056f4fb8596.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-icon-index-mdx-7aa98bd625ccc42b055b.js"],"component---src-docs-components-icon-tabs-mdx":["styles.90c66a140056f4fb8596.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-icon-tabs-mdx-a069c899231deb668c8d.js"],"component---src-docs-components-index-mdx":["styles.90c66a140056f4fb8596.css","component---src-docs-components-index-mdx-be940051984a8a428b1c.js"],"component---src-docs-components-koros-accessibility-mdx":["styles.90c66a140056f4fb8596.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-koros-accessibility-mdx-29e2cabdc17c273438b4.js"],"component---src-docs-components-koros-code-mdx":["styles.90c66a140056f4fb8596.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-koros-code-mdx-6abf470456b599a92d3d.js"],"component---src-docs-components-koros-customisation-mdx":["styles.90c66a140056f4fb8596.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-koros-customisation-mdx-39ce3dcd82e074bb6ce4.js"],"component---src-docs-components-koros-index-mdx":["styles.90c66a140056f4fb8596.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-koros-index-mdx-0204ba65907a582a2caa.js"],"component---src-docs-components-koros-tabs-mdx":["styles.90c66a140056f4fb8596.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-koros-tabs-mdx-16b8a4d88caec1df2283.js"],"component---src-docs-components-link-accessibility-mdx":["styles.90c66a140056f4fb8596.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-link-accessibility-mdx-28f09f98ce65457b9ae6.js"],"component---src-docs-components-link-code-mdx":["styles.90c66a140056f4fb8596.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-link-code-mdx-fb12144d98048507c6fe.js"],"component---src-docs-components-link-index-mdx":["styles.90c66a140056f4fb8596.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-link-index-mdx-0246e2f491798788e60a.js"],"component---src-docs-components-link-tabs-mdx":["styles.90c66a140056f4fb8596.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-link-tabs-mdx-c3f79107eeb955a46838.js"],"component---src-docs-components-linkbox-accessibility-mdx":["styles.90c66a140056f4fb8596.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-linkbox-accessibility-mdx-8b456c14d227e763a703.js"],"component---src-docs-components-linkbox-code-mdx":["styles.90c66a140056f4fb8596.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-linkbox-code-mdx-a2e9761aeb39033dac3c.js"],"component---src-docs-components-linkbox-index-mdx":["styles.90c66a140056f4fb8596.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-linkbox-index-mdx-e67bfc3e222e9b1ee96d.js"],"component---src-docs-components-linkbox-tabs-mdx":["styles.90c66a140056f4fb8596.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-linkbox-tabs-mdx-d1d7b7cc7e5746a3bc00.js"],"component---src-docs-components-loading-spinner-accessibility-mdx":["styles.90c66a140056f4fb8596.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-loading-spinner-accessibility-mdx-b6a74eacace380232e73.js"],"component---src-docs-components-loading-spinner-code-mdx":["styles.90c66a140056f4fb8596.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-loading-spinner-code-mdx-4c57fa085641d6fb1d8e.js"],"component---src-docs-components-loading-spinner-customisation-mdx":["styles.90c66a140056f4fb8596.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-loading-spinner-customisation-mdx-dbcf4862df75d9388100.js"],"component---src-docs-components-loading-spinner-index-mdx":["styles.90c66a140056f4fb8596.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-loading-spinner-index-mdx-a0889a290f57dadb60bc.js"],"component---src-docs-components-loading-spinner-tabs-mdx":["styles.90c66a140056f4fb8596.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-loading-spinner-tabs-mdx-807da462fd1af111ec92.js"],"component---src-docs-components-logo-accessibility-mdx":["styles.90c66a140056f4fb8596.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-logo-accessibility-mdx-5805690b7fec7e2ffba5.js"],"component---src-docs-components-logo-code-mdx":["styles.90c66a140056f4fb8596.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-logo-code-mdx-299f00663a92c04e1efb.js"],"component---src-docs-components-logo-customisation-mdx":["styles.90c66a140056f4fb8596.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-logo-customisation-mdx-bbf523ca241592987143.js"],"component---src-docs-components-logo-index-mdx":["styles.90c66a140056f4fb8596.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-logo-index-mdx-495009eadca71f1e800a.js"],"component---src-docs-components-logo-tabs-mdx":["styles.90c66a140056f4fb8596.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-logo-tabs-mdx-fd28bdbd2d4239491eb2.js"],"component---src-docs-components-navigation-accessibility-mdx":["styles.90c66a140056f4fb8596.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-navigation-accessibility-mdx-48ff8f3b7a260bbab821.js"],"component---src-docs-components-navigation-code-mdx":["styles.90c66a140056f4fb8596.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-navigation-code-mdx-d5bddb22f0d94d6b0e5d.js"],"component---src-docs-components-navigation-customisation-mdx":["styles.90c66a140056f4fb8596.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-navigation-customisation-mdx-ba8593559f8b641a5f87.js"],"component---src-docs-components-navigation-index-mdx":["styles.90c66a140056f4fb8596.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-navigation-index-mdx-3d047a35c1d5838ef1b7.js"],"component---src-docs-components-navigation-tabs-mdx":["styles.90c66a140056f4fb8596.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-navigation-tabs-mdx-d30ad33e92cc81614d62.js"],"component---src-docs-components-notification-accessibility-mdx":["styles.90c66a140056f4fb8596.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-notification-accessibility-mdx-cfb7d3ec57b562283cd9.js"],"component---src-docs-components-notification-code-mdx":["styles.90c66a140056f4fb8596.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-notification-code-mdx-a61dc8b0e85b57a450aa.js"],"component---src-docs-components-notification-index-mdx":["styles.90c66a140056f4fb8596.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-notification-index-mdx-2bc047c60d5a27f9a5f2.js"],"component---src-docs-components-notification-tabs-mdx":["styles.90c66a140056f4fb8596.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-notification-tabs-mdx-48ad2599e69ea1d86ed7.js"],"component---src-docs-components-number-input-accessibility-mdx":["styles.90c66a140056f4fb8596.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-number-input-accessibility-mdx-a55a031a4766f956db46.js"],"component---src-docs-components-number-input-code-mdx":["styles.90c66a140056f4fb8596.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","356531f7063d2100c0c6e9a87bebe70e63bae57b-f0e130f710b802933023.js","component---src-docs-components-number-input-code-mdx-fb0bd773c2229e1622a1.js"],"component---src-docs-components-number-input-index-mdx":["styles.90c66a140056f4fb8596.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","356531f7063d2100c0c6e9a87bebe70e63bae57b-f0e130f710b802933023.js","component---src-docs-components-number-input-index-mdx-f0174be62837f287c6ce.js"],"component---src-docs-components-number-input-tabs-mdx":["styles.90c66a140056f4fb8596.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-number-input-tabs-mdx-53c44e3b56bc3318ae4e.js"],"component---src-docs-components-pagination-accessibility-mdx":["styles.90c66a140056f4fb8596.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-pagination-accessibility-mdx-ba4d39abdd0a66159a9a.js"],"component---src-docs-components-pagination-code-mdx":["styles.90c66a140056f4fb8596.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","cad73618753cbcba4fffc4995fc64d64bf78d438-571485a213988a2150e9.js","component---src-docs-components-pagination-code-mdx-f984b1d8852dc4d2f1c2.js"],"component---src-docs-components-pagination-customisation-mdx":["styles.90c66a140056f4fb8596.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","cad73618753cbcba4fffc4995fc64d64bf78d438-571485a213988a2150e9.js","component---src-docs-components-pagination-customisation-mdx-cfcccf523ec46d4a94eb.js"],"component---src-docs-components-pagination-index-mdx":["styles.90c66a140056f4fb8596.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","cad73618753cbcba4fffc4995fc64d64bf78d438-571485a213988a2150e9.js","component---src-docs-components-pagination-index-mdx-4e9aa5b7e3c73f67fb9c.js"],"component---src-docs-components-pagination-tabs-mdx":["styles.90c66a140056f4fb8596.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-pagination-tabs-mdx-c58636ac20fe0c8e28f4.js"],"component---src-docs-components-password-input-accessibility-mdx":["styles.90c66a140056f4fb8596.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-password-input-accessibility-mdx-82ae70dfdc52cd427e05.js"],"component---src-docs-components-password-input-code-mdx":["styles.90c66a140056f4fb8596.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","356531f7063d2100c0c6e9a87bebe70e63bae57b-f0e130f710b802933023.js","component---src-docs-components-password-input-code-mdx-ee539dd9fb33a299bdad.js"],"component---src-docs-components-password-input-index-mdx":["styles.90c66a140056f4fb8596.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","356531f7063d2100c0c6e9a87bebe70e63bae57b-f0e130f710b802933023.js","component---src-docs-components-password-input-index-mdx-d3598110e48007773982.js"],"component---src-docs-components-password-input-security-mdx":["styles.90c66a140056f4fb8596.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-password-input-security-mdx-9da02f5d86e18cde4997.js"],"component---src-docs-components-password-input-tabs-mdx":["styles.90c66a140056f4fb8596.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-password-input-tabs-mdx-203ce9ee3925e189cd9e.js"],"component---src-docs-components-phone-input-accessibility-mdx":["styles.90c66a140056f4fb8596.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-phone-input-accessibility-mdx-8789f68bc2f78cc6fd30.js"],"component---src-docs-components-phone-input-code-mdx":["styles.90c66a140056f4fb8596.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","356531f7063d2100c0c6e9a87bebe70e63bae57b-f0e130f710b802933023.js","e707eaefab13b3b4d5014070189aee2807fbcfff-e651e6c3830d9fe9d08b.js","4d739130fd770bad238e467e54f6980d0e7e343b-51079adcf4c0dba30f04.js","365f5350290ffe2f11a1902290de23beed7d24c4-803088bd44b7a3978b14.js","component---src-docs-components-phone-input-code-mdx-f5ea1893a378d2feb14e.js"],"component---src-docs-components-phone-input-index-mdx":["styles.90c66a140056f4fb8596.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","356531f7063d2100c0c6e9a87bebe70e63bae57b-f0e130f710b802933023.js","e707eaefab13b3b4d5014070189aee2807fbcfff-e651e6c3830d9fe9d08b.js","4d739130fd770bad238e467e54f6980d0e7e343b-51079adcf4c0dba30f04.js","365f5350290ffe2f11a1902290de23beed7d24c4-803088bd44b7a3978b14.js","component---src-docs-components-phone-input-index-mdx-58aebc95de0374663936.js"],"component---src-docs-components-phone-input-tabs-mdx":["styles.90c66a140056f4fb8596.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-phone-input-tabs-mdx-6919eb4d83759217d511.js"],"component---src-docs-components-radio-button-accessibility-mdx":["styles.90c66a140056f4fb8596.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-radio-button-accessibility-mdx-ec20e03b7f3b0c16e954.js"],"component---src-docs-components-radio-button-code-mdx":["styles.90c66a140056f4fb8596.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-radio-button-code-mdx-b25dec21f332ebfe3fb7.js"],"component---src-docs-components-radio-button-customisation-mdx":["styles.90c66a140056f4fb8596.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-radio-button-customisation-mdx-6d75fb4aee5642be8d5c.js"],"component---src-docs-components-radio-button-index-mdx":["styles.90c66a140056f4fb8596.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-radio-button-index-mdx-6c9a346d626ec8ab27df.js"],"component---src-docs-components-radio-button-tabs-mdx":["styles.90c66a140056f4fb8596.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-radio-button-tabs-mdx-d6010bf469f32feebc2c.js"],"component---src-docs-components-search-input-accessibility-mdx":["styles.90c66a140056f4fb8596.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-search-input-accessibility-mdx-997ebcc661acabeeec2a.js"],"component---src-docs-components-search-input-code-mdx":["styles.90c66a140056f4fb8596.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","e707eaefab13b3b4d5014070189aee2807fbcfff-e651e6c3830d9fe9d08b.js","component---src-docs-components-search-input-code-mdx-768b8bfa9525480055b1.js"],"component---src-docs-components-search-input-index-mdx":["styles.90c66a140056f4fb8596.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","e707eaefab13b3b4d5014070189aee2807fbcfff-e651e6c3830d9fe9d08b.js","component---src-docs-components-search-input-index-mdx-7323a5ff4cb89630718e.js"],"component---src-docs-components-search-input-tabs-mdx":["styles.90c66a140056f4fb8596.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-search-input-tabs-mdx-57de4fd8373413ca4eb7.js"],"component---src-docs-components-selection-group-accessibility-mdx":["styles.90c66a140056f4fb8596.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-selection-group-accessibility-mdx-f41fda5a840cc0f261be.js"],"component---src-docs-components-selection-group-code-mdx":["styles.90c66a140056f4fb8596.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-selection-group-code-mdx-a54c87a2aa26a6d78f6b.js"],"component---src-docs-components-selection-group-index-mdx":["styles.90c66a140056f4fb8596.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-selection-group-index-mdx-49dfbb4d695636be439d.js"],"component---src-docs-components-selection-group-tabs-mdx":["styles.90c66a140056f4fb8596.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-selection-group-tabs-mdx-a4241085c343d5a6477d.js"],"component---src-docs-components-side-navigation-accessibility-mdx":["styles.90c66a140056f4fb8596.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-side-navigation-accessibility-mdx-9604bfe277885010217e.js"],"component---src-docs-components-side-navigation-code-mdx":["styles.90c66a140056f4fb8596.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-side-navigation-code-mdx-58b400a67478aa4544e7.js"],"component---src-docs-components-side-navigation-customisation-mdx":["styles.90c66a140056f4fb8596.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-side-navigation-customisation-mdx-59ee82fe0e65c1172d51.js"],"component---src-docs-components-side-navigation-index-mdx":["styles.90c66a140056f4fb8596.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-side-navigation-index-mdx-04bb841d4f73a24886ce.js"],"component---src-docs-components-side-navigation-tabs-mdx":["styles.90c66a140056f4fb8596.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-side-navigation-tabs-mdx-21a9b2b66830af524da0.js"],"component---src-docs-components-status-label-accessibility-mdx":["styles.90c66a140056f4fb8596.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-status-label-accessibility-mdx-78227a954fc13e26344a.js"],"component---src-docs-components-status-label-code-mdx":["styles.90c66a140056f4fb8596.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-status-label-code-mdx-4da29f71c1ddef7c48f1.js"],"component---src-docs-components-status-label-index-mdx":["styles.90c66a140056f4fb8596.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-status-label-index-mdx-6c3fc853b6f783104700.js"],"component---src-docs-components-status-label-tabs-mdx":["styles.90c66a140056f4fb8596.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-status-label-tabs-mdx-3c3b3aeee915b20ab408.js"],"component---src-docs-components-step-by-step-accessibility-mdx":["styles.90c66a140056f4fb8596.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-step-by-step-accessibility-mdx-56b19d523e35f3f6f975.js"],"component---src-docs-components-step-by-step-code-mdx":["styles.90c66a140056f4fb8596.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-step-by-step-code-mdx-1a7e2ffca7c1a9406f67.js"],"component---src-docs-components-step-by-step-index-mdx":["styles.90c66a140056f4fb8596.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-step-by-step-index-mdx-b19705dc7358b0120391.js"],"component---src-docs-components-step-by-step-tabs-mdx":["styles.90c66a140056f4fb8596.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-step-by-step-tabs-mdx-58c2944be56c5fea7698.js"],"component---src-docs-components-stepper-accessibility-mdx":["styles.90c66a140056f4fb8596.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-stepper-accessibility-mdx-294fbfac48859fb4c45a.js"],"component---src-docs-components-stepper-code-mdx":["styles.90c66a140056f4fb8596.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-stepper-code-mdx-942b51df576edd3f945b.js"],"component---src-docs-components-stepper-customisation-mdx":["styles.90c66a140056f4fb8596.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-stepper-customisation-mdx-60a788c33e3ae4fa4c3c.js"],"component---src-docs-components-stepper-index-mdx":["styles.90c66a140056f4fb8596.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-stepper-index-mdx-6e439a404e6b00f5da59.js"],"component---src-docs-components-stepper-tabs-mdx":["styles.90c66a140056f4fb8596.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-stepper-tabs-mdx-5adc535bda4603e56751.js"],"component---src-docs-components-table-accessibility-mdx":["styles.90c66a140056f4fb8596.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-table-accessibility-mdx-e46fa0c435993156944c.js"],"component---src-docs-components-table-code-mdx":["styles.90c66a140056f4fb8596.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","b192c7df83cc63c115c47db8cdb288825a93073a-6da300da11d22250dc32.js","component---src-docs-components-table-code-mdx-7d4b162ea497ef0e802d.js"],"component---src-docs-components-table-customisation-mdx":["styles.90c66a140056f4fb8596.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","b192c7df83cc63c115c47db8cdb288825a93073a-6da300da11d22250dc32.js","component---src-docs-components-table-customisation-mdx-2eee41f1f39912f00e85.js"],"component---src-docs-components-table-index-mdx":["styles.90c66a140056f4fb8596.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","b192c7df83cc63c115c47db8cdb288825a93073a-6da300da11d22250dc32.js","component---src-docs-components-table-index-mdx-b3402ea045aa77c5176a.js"],"component---src-docs-components-table-tabs-mdx":["styles.90c66a140056f4fb8596.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-table-tabs-mdx-f776cb49351aeb7ec977.js"],"component---src-docs-components-tabs-accessibility-mdx":["styles.90c66a140056f4fb8596.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-tabs-accessibility-mdx-ad648bf10deb3b6cc6ad.js"],"component---src-docs-components-tabs-code-mdx":["styles.90c66a140056f4fb8596.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-tabs-code-mdx-aa671fec7ac8edfc507e.js"],"component---src-docs-components-tabs-customisation-mdx":["styles.90c66a140056f4fb8596.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-tabs-customisation-mdx-5e78898f75cb16a897c0.js"],"component---src-docs-components-tabs-index-mdx":["styles.90c66a140056f4fb8596.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-tabs-index-mdx-0fe3585461dfb897a983.js"],"component---src-docs-components-tabs-tabs-mdx":["styles.90c66a140056f4fb8596.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-tabs-tabs-mdx-7e6c235b6592da3d077f.js"],"component---src-docs-components-tag-accessibility-mdx":["styles.90c66a140056f4fb8596.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-tag-accessibility-mdx-20dfe117269b5fdcf578.js"],"component---src-docs-components-tag-code-mdx":["styles.90c66a140056f4fb8596.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-tag-code-mdx-c44629afd48c446006f0.js"],"component---src-docs-components-tag-customisation-mdx":["styles.90c66a140056f4fb8596.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-tag-customisation-mdx-d38d7833922fa73b43a0.js"],"component---src-docs-components-tag-index-mdx":["styles.90c66a140056f4fb8596.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-tag-index-mdx-ba3d2bde45835282402f.js"],"component---src-docs-components-tag-tabs-mdx":["styles.90c66a140056f4fb8596.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-tag-tabs-mdx-c86b6c8055ff1a00e081.js"],"component---src-docs-components-text-area-accessibility-mdx":["styles.90c66a140056f4fb8596.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-text-area-accessibility-mdx-cffc6460ff38a5a2e078.js"],"component---src-docs-components-text-area-code-mdx":["styles.90c66a140056f4fb8596.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","356531f7063d2100c0c6e9a87bebe70e63bae57b-f0e130f710b802933023.js","component---src-docs-components-text-area-code-mdx-28c10dc958934ca16b1a.js"],"component---src-docs-components-text-area-index-mdx":["styles.90c66a140056f4fb8596.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","356531f7063d2100c0c6e9a87bebe70e63bae57b-f0e130f710b802933023.js","component---src-docs-components-text-area-index-mdx-66503c48e14e93ee9646.js"],"component---src-docs-components-text-area-tabs-mdx":["styles.90c66a140056f4fb8596.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-text-area-tabs-mdx-90c4a1e13f82fd9ff250.js"],"component---src-docs-components-text-input-accessibility-mdx":["styles.90c66a140056f4fb8596.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-text-input-accessibility-mdx-75b6e55859285faa94c5.js"],"component---src-docs-components-text-input-code-mdx":["styles.90c66a140056f4fb8596.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","356531f7063d2100c0c6e9a87bebe70e63bae57b-f0e130f710b802933023.js","component---src-docs-components-text-input-code-mdx-1a6ae5fda3ca9439747f.js"],"component---src-docs-components-text-input-index-mdx":["styles.90c66a140056f4fb8596.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","356531f7063d2100c0c6e9a87bebe70e63bae57b-f0e130f710b802933023.js","component---src-docs-components-text-input-index-mdx-9e420ccd476f6140bfe5.js"],"component---src-docs-components-text-input-tabs-mdx":["styles.90c66a140056f4fb8596.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-text-input-tabs-mdx-0983c256232a45862b4d.js"],"component---src-docs-components-time-input-accessibility-mdx":["styles.90c66a140056f4fb8596.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-time-input-accessibility-mdx-3009e6b34c46774cdde8.js"],"component---src-docs-components-time-input-code-mdx":["styles.90c66a140056f4fb8596.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","356531f7063d2100c0c6e9a87bebe70e63bae57b-f0e130f710b802933023.js","e707eaefab13b3b4d5014070189aee2807fbcfff-e651e6c3830d9fe9d08b.js","4d739130fd770bad238e467e54f6980d0e7e343b-51079adcf4c0dba30f04.js","component---src-docs-components-time-input-code-mdx-f2a25f43f36684139e81.js"],"component---src-docs-components-time-input-index-mdx":["styles.90c66a140056f4fb8596.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","356531f7063d2100c0c6e9a87bebe70e63bae57b-f0e130f710b802933023.js","e707eaefab13b3b4d5014070189aee2807fbcfff-e651e6c3830d9fe9d08b.js","4d739130fd770bad238e467e54f6980d0e7e343b-51079adcf4c0dba30f04.js","component---src-docs-components-time-input-index-mdx-c99bac1de6dc623973c5.js"],"component---src-docs-components-time-input-tabs-mdx":["styles.90c66a140056f4fb8596.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-time-input-tabs-mdx-dfdf75b9dc1b2db81e42.js"],"component---src-docs-components-toggle-button-accessibility-mdx":["styles.90c66a140056f4fb8596.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-toggle-button-accessibility-mdx-a90c4edece92e75de872.js"],"component---src-docs-components-toggle-button-code-mdx":["styles.90c66a140056f4fb8596.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-toggle-button-code-mdx-52628688b7b4af21d526.js"],"component---src-docs-components-toggle-button-customisation-mdx":["styles.90c66a140056f4fb8596.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-toggle-button-customisation-mdx-a0586ee8711b754eec23.js"],"component---src-docs-components-toggle-button-index-mdx":["styles.90c66a140056f4fb8596.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-toggle-button-index-mdx-e535b64e05026b4d36ad.js"],"component---src-docs-components-toggle-button-tabs-mdx":["styles.90c66a140056f4fb8596.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-toggle-button-tabs-mdx-00e31a4d85ccf07f131b.js"],"component---src-docs-components-tooltip-accessibility-mdx":["styles.90c66a140056f4fb8596.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-tooltip-accessibility-mdx-46f1f9e96494cdfb2b66.js"],"component---src-docs-components-tooltip-code-mdx":["styles.90c66a140056f4fb8596.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-tooltip-code-mdx-ba0e6c6f1fb4c741960d.js"],"component---src-docs-components-tooltip-index-mdx":["styles.90c66a140056f4fb8596.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-tooltip-index-mdx-4a2de233b1e1432a6797.js"],"component---src-docs-components-tooltip-tabs-mdx":["styles.90c66a140056f4fb8596.css","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-components-tooltip-tabs-mdx-a8e2157f9ca5e74ae079.js"],"component---src-docs-foundation-design-tokens-breakpoints-index-mdx":["styles.90c66a140056f4fb8596.css","component---src-docs-foundation-design-tokens-breakpoints-index-mdx-13ce16bd5a6cae04e861.js"],"component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx":["styles.90c66a140056f4fb8596.css","component---src-docs-foundation-design-tokens-breakpoints-tabs-mdx-58bb6a20d2c9cb42c9c5.js"],"component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx":["styles.90c66a140056f4fb8596.css","component---src-docs-foundation-design-tokens-breakpoints-tokens-mdx-787b04524f888f8610db.js"],"component---src-docs-foundation-design-tokens-colour-accessibility-mdx":["styles.90c66a140056f4fb8596.css","component---src-docs-foundation-design-tokens-colour-accessibility-mdx-3866d602cd74f4de1603.js"],"component---src-docs-foundation-design-tokens-colour-index-mdx":["styles.90c66a140056f4fb8596.css","component---src-docs-foundation-design-tokens-colour-index-mdx-781c7b5aae42778d93dc.js"],"component---src-docs-foundation-design-tokens-colour-tabs-mdx":["styles.90c66a140056f4fb8596.css","component---src-docs-foundation-design-tokens-colour-tabs-mdx-535f6d7c19c611b63a00.js"],"component---src-docs-foundation-design-tokens-colour-tokens-mdx":["styles.90c66a140056f4fb8596.css","component---src-docs-foundation-design-tokens-colour-tokens-mdx-58113ecff48ba7ae4c2b.js"],"component---src-docs-foundation-design-tokens-spacing-index-mdx":["styles.90c66a140056f4fb8596.css","component---src-docs-foundation-design-tokens-spacing-index-mdx-4dd9981f7dc74289c865.js"],"component---src-docs-foundation-design-tokens-spacing-tabs-mdx":["styles.90c66a140056f4fb8596.css","component---src-docs-foundation-design-tokens-spacing-tabs-mdx-7ad4d839f7a4f7f659da.js"],"component---src-docs-foundation-design-tokens-spacing-tokens-mdx":["styles.90c66a140056f4fb8596.css","component---src-docs-foundation-design-tokens-spacing-tokens-mdx-76f19ef3b4e5f2a54d45.js"],"component---src-docs-foundation-design-tokens-typography-index-mdx":["styles.90c66a140056f4fb8596.css","component---src-docs-foundation-design-tokens-typography-index-mdx-a57afee366355a26fc0c.js"],"component---src-docs-foundation-design-tokens-typography-tabs-mdx":["styles.90c66a140056f4fb8596.css","component---src-docs-foundation-design-tokens-typography-tabs-mdx-57438363760adfbed19d.js"],"component---src-docs-foundation-design-tokens-typography-tokens-mdx":["styles.90c66a140056f4fb8596.css","component---src-docs-foundation-design-tokens-typography-tokens-mdx-c16097159efe7bfbd33a.js"],"component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx":["779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","component---src-docs-foundation-guidelines-checkbox-radiobutton-toggle-mdx-302803fd033f9adf0a3b.js"],"component---src-docs-foundation-guidelines-data-formats-mdx":["component---src-docs-foundation-guidelines-data-formats-mdx-9e12c99f0e06d22e0aba.js"],"component---src-docs-foundation-guidelines-grid-mdx":["styles.90c66a140056f4fb8596.css","component---src-docs-foundation-guidelines-grid-mdx-04deb87933ef97642131.js"],"component---src-docs-foundation-guidelines-inclusivity-mdx":["component---src-docs-foundation-guidelines-inclusivity-mdx-2ffa07dfe89bd713f486.js"],"component---src-docs-foundation-guidelines-localisation-mdx":["component---src-docs-foundation-guidelines-localisation-mdx-995151115b9897fcbb8c.js"],"component---src-docs-foundation-guidelines-photography-mdx":["component---src-docs-foundation-guidelines-photography-mdx-cfff3bdbc142f8d542f6.js"],"component---src-docs-foundation-guidelines-server-side-rendering-mdx":["component---src-docs-foundation-guidelines-server-side-rendering-mdx-7a29196d863131f4a413.js"],"component---src-docs-foundation-index-mdx":["styles.90c66a140056f4fb8596.css","component---src-docs-foundation-index-mdx-f6fa62eb5677896d50ee.js"],"component---src-docs-foundation-visual-assets-favicon-mdx":["component---src-docs-foundation-visual-assets-favicon-mdx-e4cbbce661297bc893aa.js"],"component---src-docs-foundation-visual-assets-icons-index-mdx":["styles.90c66a140056f4fb8596.css","component---src-docs-foundation-visual-assets-icons-index-mdx-786c29a019b17994834e.js"],"component---src-docs-foundation-visual-assets-icons-list-mdx":["styles.90c66a140056f4fb8596.css","b123bb55-bfd26b4839350c06496e.js","779f78f1d82b3c8992ee479e35242d62b3c35c09-becae69ba820e95f8d98.js","356531f7063d2100c0c6e9a87bebe70e63bae57b-f0e130f710b802933023.js","e707eaefab13b3b4d5014070189aee2807fbcfff-e651e6c3830d9fe9d08b.js","4d739130fd770bad238e467e54f6980d0e7e343b-51079adcf4c0dba30f04.js","b192c7df83cc63c115c47db8cdb288825a93073a-6da300da11d22250dc32.js","365f5350290ffe2f11a1902290de23beed7d24c4-803088bd44b7a3978b14.js","cad73618753cbcba4fffc4995fc64d64bf78d438-571485a213988a2150e9.js","5d8985734a6b854ebaa8311dc36cfa59aa67534f-269d73b10db2e616ddf1.js","a6124848a5db131eccb4ec393ee53fdeae3e7c43-5dcd444242d70a36bfeb.js","component---src-docs-foundation-visual-assets-icons-list-mdx-8368126a0d362f50ea32.js"],"component---src-docs-foundation-visual-assets-icons-tabs-mdx":["styles.90c66a140056f4fb8596.css","component---src-docs-foundation-visual-assets-icons-tabs-mdx-cccbe902e1110bf66e6b.js"],"component---src-docs-foundation-visual-assets-logo-mdx":["styles.90c66a140056f4fb8596.css","component---src-docs-foundation-visual-assets-logo-mdx-050b92ab1fa69bd0c231.js"],"component---src-docs-foundation-visual-assets-placeholders-mdx":["styles.90c66a140056f4fb8596.css","component---src-docs-foundation-visual-assets-placeholders-mdx-5cf9b1bd4f61294142f4.js"],"component---src-docs-foundation-visual-assets-wave-motifs-mdx":["styles.90c66a140056f4fb8596.css","component---src-docs-foundation-visual-assets-wave-motifs-mdx-741f9fb8abef25462d60.js"],"component---src-docs-getting-started-contributing-design-mdx":["styles.90c66a140056f4fb8596.css","component---src-docs-getting-started-contributing-design-mdx-bb52d9ef64bc8e29e277.js"],"component---src-docs-getting-started-contributing-documentation-mdx":["component---src-docs-getting-started-contributing-documentation-mdx-8e95bb80bb1fe308f551.js"],"component---src-docs-getting-started-contributing-how-to-contribute-mdx":["styles.90c66a140056f4fb8596.css","component---src-docs-getting-started-contributing-how-to-contribute-mdx-30e1adaab494837a5346.js"],"component---src-docs-getting-started-contributing-icons-mdx":["styles.90c66a140056f4fb8596.css","component---src-docs-getting-started-contributing-icons-mdx-7a4b6c2eb900f67c6f94.js"],"component---src-docs-getting-started-contributing-implementation-mdx":["component---src-docs-getting-started-contributing-implementation-mdx-0251db6a4b21b4ad9af6.js"],"component---src-docs-getting-started-designer-mdx":["component---src-docs-getting-started-designer-mdx-267ff52258d3df151d89.js"],"component---src-docs-getting-started-developer-mdx":["component---src-docs-getting-started-developer-mdx-d67d0445c0d52873e46a.js"],"component---src-docs-getting-started-faq-accessibility-mdx":["styles.90c66a140056f4fb8596.css","component---src-docs-getting-started-faq-accessibility-mdx-96c68cfd72b6fd899218.js"],"component---src-docs-getting-started-faq-code-mdx":["styles.90c66a140056f4fb8596.css","component---src-docs-getting-started-faq-code-mdx-380da8758ef9c7ae02f5.js"],"component---src-docs-getting-started-faq-design-mdx":["styles.90c66a140056f4fb8596.css","component---src-docs-getting-started-faq-design-mdx-884f1cf2e31b686bc81b.js"],"component---src-docs-getting-started-faq-index-mdx":["styles.90c66a140056f4fb8596.css","component---src-docs-getting-started-faq-index-mdx-e4ebb08c76d1aab1cf89.js"],"component---src-docs-getting-started-faq-tabs-mdx":["styles.90c66a140056f4fb8596.css","component---src-docs-getting-started-faq-tabs-mdx-3f51fba0baa6fb0d88f5.js"],"component---src-docs-getting-started-index-mdx":["styles.90c66a140056f4fb8596.css","component---src-docs-getting-started-index-mdx-7d4d6bbc6d46f9b1eb8d.js"],"component---src-docs-getting-started-tutorials-abstract-tutorial-mdx":["styles.90c66a140056f4fb8596.css","component---src-docs-getting-started-tutorials-abstract-tutorial-mdx-52aacc85b5ef7ff48f5c.js"],"component---src-docs-getting-started-versioning-mdx":["component---src-docs-getting-started-versioning-mdx-fc3707f14cf90099e6d6.js"],"component---src-docs-index-mdx":["styles.90c66a140056f4fb8596.css","component---src-docs-index-mdx-a5f8f209ec2e870d74f1.js"],"component---src-docs-patterns-cookies-basics-mdx":["styles.90c66a140056f4fb8596.css","component---src-docs-patterns-cookies-basics-mdx-33cd8599e70f27f7deca.js"],"component---src-docs-patterns-cookies-common-helsinki-cookies-mdx":["component---src-docs-patterns-cookies-common-helsinki-cookies-mdx-f2e83626553c698a9c3d.js"],"component---src-docs-patterns-cookies-using-the-cookieconsent-mdx":["styles.90c66a140056f4fb8596.css","component---src-docs-patterns-cookies-using-the-cookieconsent-mdx-6f3e4c0597a8243c15cc.js"],"component---src-docs-patterns-forms-form-building-mdx":["styles.90c66a140056f4fb8596.css","component---src-docs-patterns-forms-form-building-mdx-59702a718b0eca1a5ed5.js"],"component---src-docs-patterns-forms-form-multi-page-mdx":["styles.90c66a140056f4fb8596.css","component---src-docs-patterns-forms-form-multi-page-mdx-fc74d90d3e15b352fb6e.js"],"component---src-docs-patterns-forms-form-validation-mdx":["styles.90c66a140056f4fb8596.css","component---src-docs-patterns-forms-form-validation-mdx-e8d26ae96da6d03574af.js"],"component---src-docs-patterns-index-mdx":["styles.90c66a140056f4fb8596.css","component---src-docs-patterns-index-mdx-b70be0e64741d9daf9db.js"]},"childAssetsByChunkName":{}}
\ No newline at end of file